logs route behind protected route and menu

frontend/src/components/Sidebar/sidebar.tsx

@@ -0,0 +1,30 @@
+import {
+	Sidebar,
+	SidebarContent,
+	SidebarHeader,
+	SidebarMenu,
+	SidebarMenuItem,
+} from "@/components/ui/sidebar";
+import { useSession } from "@/lib/auth-client";
+import AdminSidebar from "./AdminBar";
+
+export function AppSidebar() {
+	const { data: session } = useSession();
+	return (
+		<Sidebar
+			variant="sidebar"
+			collapsible="offcanvas"
+			className="top-(--header-height) h-[calc(100svh-var(--header-height))]!"
+		>
+			<SidebarHeader>
+				<SidebarMenu>
+					<SidebarMenuItem>
+						<SidebarContent>
+							{session && session.user.role === "admin" && <AdminSidebar />}
+						</SidebarContent>
+					</SidebarMenuItem>
+				</SidebarMenu>
+			</SidebarHeader>
+		</Sidebar>
+	);
+}