Refactor: Implement Phase 2 improvements

src/pages/AdminModeration.tsx

@@ -1,8 +1,5 @@
-import { useRef, useEffect, useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { useUserRole } from '@/hooks/useUserRole';
-import { useAuth } from '@/hooks/useAuth';
-import { useRequireMFA } from '@/hooks/useRequireMFA';
+import { useRef, useCallback } from 'react';
+import { useAdminGuard } from '@/hooks/useAdminGuard';
 import { MFARequiredAlert } from '@/components/auth/MFARequiredAlert';
 import { AdminLayout } from '@/components/layout/AdminLayout';
 import { ModerationQueue, ModerationQueueRef } from '@/components/moderation/ModerationQueue';
@@ -11,10 +8,7 @@ import { useAdminSettings } from '@/hooks/useAdminSettings';
 import { useModerationStats } from '@/hooks/useModerationStats';
 
 export default function AdminModeration() {
-  const { user, loading: authLoading } = useAuth();
-  const { isModerator, loading: roleLoading } = useUserRole();
-  const { needsEnrollment, loading: mfaLoading } = useRequireMFA();
-  const navigate = useNavigate();
+  const { isLoading, isAuthorized, needsMFA, user } = useAdminGuard();
   const moderationQueueRef = useRef<ModerationQueueRef>(null);
   
   const { 
@@ -26,7 +20,7 @@ export default function AdminModeration() {
   const pollInterval = getAdminPanelPollInterval();
   
   const { lastUpdated } = useModerationStats({
-    enabled: !!user && !authLoading && !roleLoading && isModerator(),
+    enabled: isAuthorized,
     pollingEnabled: refreshMode === 'auto',
     pollingInterval: pollInterval,
   });
@@ -35,21 +29,7 @@ export default function AdminModeration() {
     moderationQueueRef.current?.refresh();
   }, []);
 
-  useEffect(() => {
-    if (!authLoading && !roleLoading) {
-      if (!user) {
-        navigate('/auth');
-        return;
-      }
-      
-      if (!isModerator()) {
-        navigate('/');
-        return;
-      }
-    }
-  }, [user, authLoading, roleLoading, navigate, isModerator]);
-
-  if (authLoading || roleLoading || mfaLoading) {
+  if (isLoading) {
     return (
       <AdminLayout
         onRefresh={handleRefresh}
@@ -71,12 +51,11 @@ export default function AdminModeration() {
     );
   }
 
-  if (!user || !isModerator()) {
+  if (!isAuthorized) {
     return null;
   }
   
-  // MFA enforcement
-  if (needsEnrollment) {
+  if (needsMFA) {
     return (
       <AdminLayout>
         <MFARequiredAlert />