Fix useCallback in useUserRole hook

src/components/moderation/ModerationQueue.tsx

@@ -153,7 +153,7 @@ export const ModerationQueue = forwardRef<ModerationQueueRef, ModerationQueuePro
     // Refresh count periodically
     const interval = setInterval(fetchActiveLocksCount, 30000); // Every 30s
     return () => clearInterval(interval);
-  }, [isSuperuser, queueManager.queue.queueStats]);
+  }, [isSuperuser]);
   
   // Track if lock was restored from database
   useEffect(() => {

src/hooks/useUserRole.ts

@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
 import { supabase } from '@/lib/supabaseClient';
 import { useAuth } from '@/hooks/useAuth';
 import { queryKeys } from '@/lib/queryKeys';
@@ -72,10 +73,10 @@ export function useUserRole() {
   const permissions = permissionsQuery.data || null;
   const loading = rolesQuery.isLoading || permissionsQuery.isLoading;
 
-  const hasRole = (role: UserRole) => roles.includes(role);
+  const hasRole = useCallback((role: UserRole) => roles.includes(role), [roles]);
-  const isModerator = () => hasRole('admin') || hasRole('moderator') || hasRole('superuser');
+  const isModerator = useCallback(() => hasRole('admin') || hasRole('moderator') || hasRole('superuser'), [hasRole]);
-  const isAdmin = () => hasRole('admin') || hasRole('superuser');
+  const isAdmin = useCallback(() => hasRole('admin') || hasRole('superuser'), [hasRole]);
-  const isSuperuser = () => hasRole('superuser');
+  const isSuperuser = useCallback(() => hasRole('superuser'), [hasRole]);
 
   return {
     roles,