use iam module login page for backoffice

apps/backoffice/src/app/router/index.tsx

@@ -1,5 +1,7 @@
 import { createBrowserRouter, RouterProvider, Navigate } from 'react-router-dom';
 import {
+  Login,
+  SetPasswordPage,
   UserManagementLayout,
   UserManagementPage,
   BulkUploadPage,
@@ -11,17 +13,18 @@ import {
 import { ProtectedRoute } from './ProtectedRoute';
 import { BackofficeLayout } from '../layouts/BackofficeLayout';
 import { AuthLayout } from '../layouts/AuthLayout';
-import { LoginPage } from '../features/auth/pages/LoginPage';
-import { SignupPage } from '../features/auth/pages/SignupPage';
-import { SetPasswordPage } from '../features/auth/pages/SetPasswordPage';
 import { DashboardPage } from '../features/dashboard/pages/DashboardPage';
 import { ItemPage } from '../features/item/pages/ItemPage';
 import { AuditLogPageWrapper } from '../iam/pages/AuditLogPage';
-import { IamProviders } from '../iam/IamProviders';
+import { IamProviders, AuthProviders } from '../iam/IamProviders';
 
 const router = createBrowserRouter([
   {
-    element: <ProtectedRoute />,
+    element: (
+      <AuthProviders>
+        <ProtectedRoute />
+      </AuthProviders>
+    ),
     children: [
       {
         element: <BackofficeLayout />,
@@ -51,10 +54,13 @@ const router = createBrowserRouter([
     ],
   },
   {
-    element: <AuthLayout />,
+    element: (
+      <AuthProviders>
+        <AuthLayout />
+      </AuthProviders>
+    ),
     children: [
-      { path: '/login', element: <LoginPage /> },
-      { path: '/signup', element: <SignupPage /> },
+      { path: '/login', element: <Login /> },
       { path: '/set-password', element: <SetPasswordPage /> },
     ],
   },