first commit

Made-with: Cursor

frontend/app/admin/layout.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useAuth } from "@/hooks/useAuth";
+import { AdminSidebar } from "@/components/admin/AdminSidebar";
+
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
+  const { user, loading } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (loading) return;
+    if (!user) {
+      router.push("/login");
+      return;
+    }
+    if (user.role !== "ADMIN" && user.role !== "MODERATOR") {
+      router.push("/dashboard");
+    }
+  }, [user, loading, router]);
+
+  if (loading || !user || (user.role !== "ADMIN" && user.role !== "MODERATOR")) {
+    return null;
+  }
+
+  return (
+    <div className="flex">
+      <AdminSidebar />
+      <main className="flex-1 p-8 bg-surface min-h-screen">{children}</main>
+    </div>
+  );
+}