website refactor

apps/website/client-wrapper/LoginClient.tsx

@@ -8,7 +8,6 @@
 'use client';
 
 import { useAuth } from '@/components/auth/AuthContext';
-import { AuthLoading } from '@/components/auth/AuthLoading';
 import { LoginFlowController, LoginState } from '@/lib/auth/LoginFlowController';
 import { LoginViewData } from '@/lib/builders/view-data/types/LoginViewData';
 import { LoginViewModelBuilder } from '@/lib/builders/view-models/LoginViewModelBuilder';
@@ -16,14 +15,12 @@ import { LoginMutation } from '@/lib/mutations/auth/LoginMutation';
 import { validateLoginForm, type LoginFormValues } from '@/lib/utils/validation';
 import { LoginViewModel } from '@/lib/view-models/auth/LoginViewModel';
 import { LoginTemplate } from '@/templates/auth/LoginTemplate';
+import { LoginLoadingTemplate } from '@/templates/auth/LoginLoadingTemplate';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
-interface LoginClientProps {
-  viewData: LoginViewData;
-}
-
-export function LoginClient({ viewData }: LoginClientProps) {
+export function LoginClient({ viewData }: ClientWrapperProps<LoginViewData>) {
   const router = useRouter();
   const searchParams = useSearchParams();
   const { refreshSession, session } = useAuth();
@@ -185,7 +182,7 @@ export function LoginClient({ viewData }: LoginClientProps) {
   
   // If user is authenticated with permissions, show loading
   if (state === LoginState.AUTHENTICATED_WITH_PERMISSIONS) {
-    return <AuthLoading />;
+    return <LoginLoadingTemplate viewData={{}} />;
   }
 
   // If user has insufficient permissions, show permission error
@@ -264,4 +261,4 @@ export function LoginClient({ viewData }: LoginClientProps) {
       }}
     />
   );
-}
+}