website refactor

apps/website/app/sponsor/layout.tsx

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