feat(lst): tan stack routes added with protected routes

frontend/src/main.tsx

@@ -1,13 +1,38 @@
 import {StrictMode} from "react";
-import {createRoot} from "react-dom/client";
+import ReactDOM from "react-dom/client";
 import "./styles.css";
-import App from "./App.tsx";
-import {SessionProvider} from "./components/providers/Providers.tsx";
 
-createRoot(document.getElementById("root")!).render(
-    <StrictMode>
-        <SessionProvider>
-            <App />
-        </SessionProvider>
-    </StrictMode>
-);
+import {SessionProvider} from "./components/providers/Providers.tsx";
+import {RouterProvider, createRouter} from "@tanstack/react-router";
+
+// Import the generated route tree
+import {routeTree} from "./routeTree.gen";
+import {useSession} from "./lib/hooks/useSession.ts";
+
+// Create a new router instance
+const router = createRouter({routeTree, context: {sessionType: undefined!}});
+
+// Register the router instance for type safety
+declare module "@tanstack/react-router" {
+    interface Register {
+        router: typeof router;
+    }
+}
+
+function App() {
+    const sessionType = useSession();
+    return <RouterProvider router={router} context={{sessionType}} />;
+}
+
+// Render the app
+const rootElement = document.getElementById("root")!;
+if (!rootElement.innerHTML) {
+    const root = ReactDOM.createRoot(rootElement);
+    root.render(
+        <StrictMode>
+            <SessionProvider>
+                <App />
+            </SessionProvider>
+        </StrictMode>
+    );
+}