website refactor

apps/website/app/admin/layout.tsx

@@ -1,6 +1,7 @@
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
 import { createRouteGuard } from '@/lib/auth/createRouteGuard';
+import Section from '@/components/ui/Section';
 
 interface AdminLayoutProps {
   children: React.ReactNode;
@@ -23,8 +24,8 @@ export default async function AdminLayout({ children }: AdminLayoutProps) {
   }
   
   return (
-    <div className="min-h-screen bg-deep-graphite">
+    <Section variant="default" className="min-h-screen">
       {children}
-    </div>
+    </Section>
   );
 }