refactor(lst): added side bar plus dummy menus

frontend/src/routes/index.tsx

@@ -3,6 +3,7 @@ import LoginForm from "../components/auth/LoginForm";
 import {Button} from "../components/ui/button";
 import {useLogout} from "../lib/hooks/useLogout";
 import {useSession} from "../lib/hooks/useSession";
+import {useSessionStore} from "../lib/store/sessionStore";
 
 export const Route = createFileRoute("/")({
     component: Index,
@@ -10,20 +11,20 @@ export const Route = createFileRoute("/")({
 
 function Index() {
     const {session} = useSession();
+    const {user} = useSessionStore();
     const logout = useLogout();
     return (
         <div className="p-2">
-            <h3>Welcome Home!</h3>
-            <br></br>
-            <p>
-                {session ? (
-                    <>
-                        <Button onClick={() => logout()}>Logout</Button>{" "}
-                    </>
-                ) : (
-                    <LoginForm />
-                )}
-            </p>
+            {session ? (
+                <>
+                    <h3>Welcome Home {user?.username}</h3>
+                    <p>Your current role is: {user?.role}</p>
+                    <br></br>
+                    <Button onClick={() => logout()}>Logout</Button>{" "}
+                </>
+            ) : (
+                <LoginForm />
+            )}
         </div>
     );
 }