logs route behind protected route and menu

frontend/src/components/Sidebar/AdminBar.tsx

@@ -0,0 +1,69 @@
+import { Link } from "@tanstack/react-router";
+import { Logs } from "lucide-react";
+
+import {
+	SidebarGroup,
+	SidebarGroupContent,
+	SidebarGroupLabel,
+	SidebarMenu,
+	SidebarMenuButton,
+	SidebarMenuItem,
+	useSidebar,
+} from "../ui/sidebar";
+
+export default function AdminSidebar() {
+	const { setOpen } = useSidebar();
+	const items = [
+		// {
+		// 	title: "Users",
+		// 	url: "/admin/users",
+		// 	icon: User,
+		// 	role: ["systemAdmin", "admin"],
+		// 	module: "admin",
+		// 	active: true,
+		// },
+		{
+			title: "Logs",
+			url: "/admin/logs",
+			icon: Logs,
+			role: ["systemAdmin", "admin"],
+			module: "admin",
+			active: true,
+		},
+		// {
+		// 	title: "Modules",
+		// 	url: "/admin/modules",
+		// 	icon: Settings,
+		// 	role: ["systemAdmin", "admin"],
+		// 	module: "admin",
+		// 	active: true,
+		// },
+		// {
+		// 	title: "Servers",
+		// 	url: "/admin/servers",
+		// 	icon: Server,
+		// 	role: ["systemAdmin", "admin"],
+		// 	module: "admin",
+		// 	active: true,
+		// },
+	];
+	return (
+		<SidebarGroup>
+			<SidebarGroupLabel>Admin</SidebarGroupLabel>
+			<SidebarGroupContent>
+				<SidebarMenu>
+					{items.map((item) => (
+						<SidebarMenuItem key={item.title}>
+							<SidebarMenuButton asChild>
+								<Link to={item.url} onClick={() => setOpen(false)}>
+									<item.icon />
+									<span>{item.title}</span>
+								</Link>
+							</SidebarMenuButton>
+						</SidebarMenuItem>
+					))}
+				</SidebarMenu>
+			</SidebarGroupContent>
+		</SidebarGroup>
+	);
+}

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>
+	);
+}