website refactor

apps/website/app/auth/login/LoginClient.tsx

@@ -11,12 +11,13 @@ import { useState, useEffect, useMemo } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useAuth } from '@/lib/auth/AuthContext';
 import { LoginFlowController, LoginState } from '@/lib/auth/LoginFlowController';
-import { LoginViewData } from '@/lib/builders/view-data/LoginViewDataBuilder';
+import { LoginViewData } from '@/lib/builders/view-data/types/LoginViewData';
 import { LoginTemplate } from '@/templates/auth/LoginTemplate';
 import { LoginMutation } from '@/lib/mutations/auth/LoginMutation';
 import { validateLoginForm, type LoginFormValues } from '@/lib/utils/validation';
 import { LoginViewModelBuilder } from '@/lib/builders/view-models/LoginViewModelBuilder';
 import { LoginViewModel } from '@/lib/view-models/auth/LoginViewModel';
+import { AuthLoading } from '@/components/ui/AuthLoading';
 
 interface LoginClientProps {
   viewData: LoginViewData;
@@ -179,30 +180,12 @@ export function LoginClient({ viewData }: LoginClientProps) {
     }));
   };
 
-  // Dismiss error details
-  const dismissErrorDetails = () => {
-    setViewModel(prev => {
-      const newFormState = {
-        ...prev.formState,
-        submitError: undefined,
-      };
-      return prev.withFormState(newFormState).withUIState({
-        ...prev.uiState,
-        showErrorDetails: false,
-      });
-    });
-  };
-
   // Get current state from controller
   const state = controller.getState();
   
   // If user is authenticated with permissions, show loading
   if (state === LoginState.AUTHENTICATED_WITH_PERMISSIONS) {
-    return (
-      <main className="min-h-screen bg-deep-graphite flex items-center justify-center">
-        <div className="w-8 h-8 border-2 border-primary-blue border-t-transparent rounded-full animate-spin" />
-      </main>
-    );
+    return <AuthLoading />;
   }
 
   // If user has insufficient permissions, show permission error