feat: Implement Staff Detail View

apps/web/src/App.tsx

@@ -4,6 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import AppRoutes from './routes';
 import { store } from './store/store';
 import { initializeAuthPersistence } from './services/authService';
+import AuthInitializer from './features/auth/AuthInitializer';
 
 // Initialize the QueryClient
 const queryClient = new QueryClient();
@@ -13,13 +14,16 @@ initializeAuthPersistence();
 
 /**
  * Root Application Component.
- * Wraps the app with Redux Provider and React Query Provider.
+ * Wraps the app with Redux Provider, React Query Provider, and AuthInitializer.
+ * AuthInitializer ensures auth state is restored from persistence before routes are rendered.
  */
 const App: React.FC = () => {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <AppRoutes />
+        <AuthInitializer>
+          <AppRoutes />
+        </AuthInitializer>
       </QueryClientProvider>
     </Provider>
   );