clean routes

apps/website/components/sponsors/SponsorInsightsCard.tsx

@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import { useServices } from '@/lib/services/ServiceProvider';
+import { useAuth } from '@/lib/auth/AuthContext';
 import {
   Eye,
   TrendingUp,
@@ -445,18 +446,28 @@ export default function SponsorInsightsCard({
 // ============================================================================
 
 export function useSponsorMode(): boolean {
+  const { session } = useAuth();
   const [isSponsor, setIsSponsor] = React.useState(false);
   
   React.useEffect(() => {
-    if (typeof document !== 'undefined') {
-      const cookies = document.cookie.split(';');
-      const demoModeCookie = cookies.find(c => c.trim().startsWith('gridpilot_demo_mode='));
-      if (demoModeCookie) {
-        const value = demoModeCookie.split('=')[1]?.trim();
-        setIsSponsor(value === 'sponsor');
-      }
+    if (!session?.user) {
+      setIsSponsor(false);
+      return;
     }
-  }, []);
+
+    // Check session.user.role for sponsor
+    const role = (session.user as any).role;
+    if (role === 'sponsor') {
+      setIsSponsor(true);
+      return;
+    }
+
+    // Fallback: check email patterns
+    const email = session.user.email?.toLowerCase() || '';
+    const displayName = session.user.displayName?.toLowerCase() || '';
+    
+    setIsSponsor(email.includes('sponsor') || displayName.includes('sponsor'));
+  }, [session]);
   
   return isSponsor;
 }