클라이언트 상세 페이지에 Federation 탭 추가

devfront/src/app/routes.tsx

@@ -4,6 +4,7 @@ import ClientConsentsPage from "../features/clients/ClientConsentsPage";
 import ClientDetailsPage from "../features/clients/ClientDetailsPage";
 import ClientGeneralPage from "../features/clients/ClientGeneralPage";
 import ClientsPage from "../features/clients/ClientsPage";
+import { ClientFederationPage } from "../features/clients/routes/ClientFederationPage";
 
 export const router = createBrowserRouter(
   [
@@ -17,6 +18,7 @@ export const router = createBrowserRouter(
         { path: "clients/:id", element: <ClientDetailsPage /> },
         { path: "clients/:id/consents", element: <ClientConsentsPage /> },
         { path: "clients/:id/settings", element: <ClientGeneralPage /> },
+        { path: "clients/:id/federation", element: <ClientFederationPage /> },
       ],
     },
   ],

devfront/src/features/clients/ClientConsentsPage.tsx

@@ -120,6 +120,12 @@ function ClientConsentsPage() {
           >
             Settings
           </Link>
+          <Link
+            to={`/clients/${clientId}/federation`}
+            className="whitespace-nowrap border-b-2 border-transparent text-muted-foreground hover:text-foreground"
+          >
+            Federation
+          </Link>
         </div>
       </header>
 

devfront/src/features/clients/ClientDetailsPage.tsx

@@ -95,6 +95,12 @@ function ClientDetailsPage() {
           >
             Settings
           </Link>
+          <Link
+            to={`/clients/${clientId}/federation`}
+            className="pb-3 text-sm font-bold text-muted-foreground hover:text-foreground"
+          >
+            Federation
+          </Link>
         </div>
       </div>
 

devfront/src/features/clients/ClientGeneralPage.tsx

@@ -170,6 +170,12 @@ function ClientGeneralPage() {
               <span className="whitespace-nowrap border-b-2 border-primary pb-1 text-primary">
                 Settings
               </span>
+              <Link
+                to={`/clients/${clientId}/federation`}
+                className="whitespace-nowrap border-b-2 border-transparent text-muted-foreground hover:text-foreground"
+              >
+                Federation
+              </Link>
             </>
           )}
         </div>