Phase 1 fixes

frontend/src/App.tsx

@@ -10,6 +10,7 @@ import LoadingStateMonitor from "./components/common/LoadingStateMonitor";
 import { PageProvider } from "./context/PageContext";
 import { useAuthStore } from "./store/authStore";
 import { useModuleStore } from "./store/moduleStore";
+import SuspenseLoader from "./components/common/SuspenseLoader";
 
 // Auth pages - loaded immediately (needed for login)
 import SignIn from "./pages/AuthPages/SignIn";
@@ -131,8 +132,7 @@ export default function App() {
       <LoadingStateMonitor />
       <HelmetProvider>
         <ScrollToTop />
-        {/* CRITICAL FIX: Move Suspense OUTSIDE Routes to prevent Router context loss during HMR */}
-        <Suspense fallback={<div className="flex items-center justify-center min-h-screen"><div className="text-lg">Loading...</div></div>}>
+        <Suspense fallback={<SuspenseLoader />}>
         <Routes>
           {/* Auth Routes - Public */}
           <Route path="/signin" element={<SignIn />} />