refactor(lst): added side bar plus dummy menus

frontend/src/main.tsx

@@ -1,16 +1,21 @@
-import {StrictMode} from "react";
+import {StrictMode, useEffect, useState} from "react";
 import ReactDOM from "react-dom/client";
 import "./styles.css";
+import Cookies from "js-cookie";
 
 import {SessionProvider} from "./components/providers/Providers.tsx";
 import {RouterProvider, createRouter} from "@tanstack/react-router";
+import {SidebarProvider, SidebarTrigger} from "./components/ui/sidebar";
+import {AppSidebar} from "./components/layout/lst-sidebar.tsx";
+import {ThemeProvider} from "./components/layout/theme-provider.tsx";
 
 // Import the generated route tree
 import {routeTree} from "./routeTree.gen";
-import {useSession} from "./lib/hooks/useSession.ts";
+import {ModeToggle} from "./components/layout/mode-toggle.tsx";
+import {TanStackRouterDevtools} from "@tanstack/router-devtools";
 
 // Create a new router instance
-const router = createRouter({routeTree, context: {sessionType: undefined!}});
+const router = createRouter({routeTree});
 
 // Register the router instance for type safety
 declare module "@tanstack/react-router" {
@@ -20,8 +25,29 @@ declare module "@tanstack/react-router" {
 }
 
 function App() {
-    const sessionType = useSession();
-    return <RouterProvider router={router} context={{sessionType}} />;
+    const [defaultOpen, setDefaultOpen] = useState(false);
+
+    useEffect(() => {
+        const sidebarState = Cookies.get("sidebar_state") === "true";
+        setDefaultOpen(sidebarState);
+    }, []);
+
+    // come back later and deal with the defaultOpen={sidebarState} as its not wokring with the cookies
+    console.log(defaultOpen);
+    return (
+        // <ThemeProvider>
+        //     <nav className="flex justify-end">
+        //         <div className="m-2">
+        //             <ModeToggle />
+        //         </div>
+        //     </nav>
+        //     <SidebarProvider>
+        //         <AppSidebar />
+        //         <RouterProvider router={router} />
+        //     </SidebarProvider>
+        // </ThemeProvider>
+        <RouterProvider router={router} />
+    );
 }
 
 // Render the app