OIDC 인증 라우트 및 로그인/콜백 페이지 구현

devfront/src/app/routes.tsx

@@ -1,5 +1,8 @@
 import { Navigate, createBrowserRouter } from "react-router-dom";
 import AppLayout from "../components/layout/AppLayout";
+import AuthCallbackPage from "../features/auth/AuthCallbackPage";
+import AuthGuard from "../features/auth/AuthGuard";
+import LoginPage from "../features/auth/LoginPage";
 import ClientConsentsPage from "../features/clients/ClientConsentsPage";
 import ClientDetailsPage from "../features/clients/ClientDetailsPage";
 import ClientGeneralPage from "../features/clients/ClientGeneralPage";
@@ -7,16 +10,29 @@ import ClientsPage from "../features/clients/ClientsPage";
 
 export const router = createBrowserRouter(
   [
+    {
+      path: "/login",
+      element: <LoginPage />,
+    },
+    {
+      path: "/callback",
+      element: <AuthCallbackPage />,
+    },
     {
       path: "/",
-      element: <AppLayout />,
+      element: <AuthGuard />,
       children: [
-        { index: true, element: <Navigate to="/clients" replace /> },
-        { path: "clients", element: <ClientsPage /> },
-        { path: "clients/new", element: <ClientGeneralPage /> },
-        { path: "clients/:id", element: <ClientDetailsPage /> },
-        { path: "clients/:id/consents", element: <ClientConsentsPage /> },
-        { path: "clients/:id/settings", element: <ClientGeneralPage /> },
+        {
+          element: <AppLayout />,
+          children: [
+            { index: true, element: <Navigate to="/clients" replace /> },
+            { path: "clients", element: <ClientsPage /> },
+            { path: "clients/new", element: <ClientGeneralPage /> },
+            { path: "clients/:id", element: <ClientDetailsPage /> },
+            { path: "clients/:id/consents", element: <ClientConsentsPage /> },
+            { path: "clients/:id/settings", element: <ClientGeneralPage /> },
+          ],
+        },
       ],
     },
   ],