fix usermanagement issues

apps/backoffice/src/app/layouts/components/AppSidebar.tsx

@@ -9,7 +9,7 @@ import { useNavigate, useLocation } from 'react-router-dom';
 
 const NAV_ITEMS = [
   { label: 'Dashboard', icon: IconLayoutDashboard, path: '/dashboard' },
-  { label: 'User Management', icon: IconUsers, path: '/um' },
+  { label: 'User Management', icon: IconUsers, path: '/um/user-management/dashboard' },
 ];
 
 export function AppSidebar() {

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

@@ -15,15 +15,6 @@ import { ProtectedRoute } from './ProtectedRoute';
 import { DashboardPage } from '../features/dashboard/pages/DashboardPage';
 import UserManagementHostPage from '../features/user-management-host/UserManagementHostPage';
 
-/** Wraps the authenticated area in the IAM provider stack. */
-function IamShell() {
-  return (
-    <IamProviders>
-      <Outlet />
-    </IamProviders>
-  );
-}
-
 const router = createBrowserRouter([
   {
     element: <AuthLayout />,
@@ -33,22 +24,17 @@ const router = createBrowserRouter([
       { path: '/otp-verify', element: <OTPVerificationPage /> },
     ],
   },
+  { path: '/um/*', element: <UserManagementHostPage /> },
   {
     element: <ProtectedRoute />,
     children: [
       {
-        element: <IamShell />,
+        element: <BackofficeLayout />,
         children: [
-          {
-            element: <BackofficeLayout />,
-            children: [
-              { index: true, element: <Navigate to="/dashboard" replace /> },
-              { path: 'dashboard', element: <DashboardPage /> },
-            ],
-          },
-          // User-management module runs full-screen (its own chrome), outside the shell.
-          { path: 'um/*', element: <UserManagementHostPage /> },
+          { index: true, element: <Navigate to="/dashboard" replace /> },
+          { path: 'dashboard', element: <DashboardPage /> },
         ],
+
       },
     ],
   },