Implement Phase 2 improvements

src/pages/AdminReports.tsx

@@ -8,10 +8,7 @@ import { useAdminSettings } from '@/hooks/useAdminSettings';
 import { useModerationStats } from '@/hooks/useModerationStats';
 
 export default function AdminReports() {
-  const { user, loading: authLoading } = useAuth();
-  const { isModerator, loading: roleLoading } = useUserRole();
-  const { needsEnrollment, loading: mfaLoading } = useRequireMFA();
-  const navigate = useNavigate();
+  const { isLoading, isAuthorized, needsMFA } = useAdminGuard();
   const reportsQueueRef = useRef<ReportsQueueRef>(null);
   
   const { 
@@ -22,8 +19,8 @@ export default function AdminReports() {
   const refreshMode = getAdminPanelRefreshMode();
   const pollInterval = getAdminPanelPollInterval();
   
-  const { refresh: refreshStats, lastUpdated } = useModerationStats({
-    enabled: !!user && !authLoading && !roleLoading && isModerator(),
+  const { lastUpdated, refresh: refreshStats } = useModerationStats({
+    enabled: isAuthorized,
     pollingEnabled: refreshMode === 'auto',
     pollingInterval: pollInterval,
   });
@@ -33,21 +30,7 @@ export default function AdminReports() {
     refreshStats();
   }, [refreshStats]);
 
-  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}