Refactor: Implement Phase 2 improvements

src/pages/AdminSystemLog.tsx

@@ -50,25 +50,9 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
 }
 
 export default function AdminSystemLog() {
-  const { user, loading: authLoading } = useAuth();
-  const { isModerator, loading: roleLoading } = useUserRole();
-  const navigate = useNavigate();
+  const { isLoading, isAuthorized } = useAdminGuard(false); // No MFA required for viewing logs
 
-  useEffect(() => {
-    if (!authLoading && !roleLoading) {
-      if (!user) {
-        navigate('/auth');
-        return;
-      }
-      
-      if (!isModerator()) {
-        navigate('/');
-        return;
-      }
-    }
-  }, [user, authLoading, roleLoading, navigate, isModerator]);
-
-  if (authLoading || roleLoading) {
+  if (isLoading) {
     return (
       <AdminLayout>
         <div className="space-y-6">
@@ -97,7 +81,7 @@ export default function AdminSystemLog() {
     );
   }
 
-  if (!user || !isModerator()) {
+  if (!isAuthorized) {
     return null;
   }