website refactor

apps/website/client-wrapper/DriverProfilePageClient.tsx

@@ -3,11 +3,10 @@
 import type { ProfileTab } from '@/components/profile/ProfileTabs';
 import type { DriverProfileViewData } from '@/lib/types/view-data/DriverProfileViewData';
 import { DriverProfileTemplate } from '@/templates/DriverProfileTemplate';
-import { Container } from '@/ui/Container';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
+import { ErrorTemplate, EmptyTemplate } from '@/templates/shared/StatusTemplates';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
 interface DriverProfilePageClientProps {
   viewData: DriverProfileViewData | null;
@@ -18,13 +17,6 @@ interface DriverProfilePageClientProps {
   };
 }
 
-/**
- * DriverProfilePageClient
- *
- * Client component that:
- * 1. Handles UI state (tabs, friend requests)
- * 2. Passes ViewData directly to Template
- */
 export function DriverProfilePageClient({ viewData, error, empty }: DriverProfilePageClientProps) {
   const router = useRouter();
   
@@ -44,24 +36,22 @@ export function DriverProfilePageClient({ viewData, error, empty }: DriverProfil
   // Handle error/empty states
   if (error) {
     return (
-      <Container size="lg" py={12}>
-        <Stack align="center" gap={4}>
-          <Text color="text-red-400">Error loading driver profile</Text>
-          <Text color="text-gray-400">Please try again later</Text>
-        </Stack>
-      </Container>
+      <ErrorTemplate 
+        viewData={{}} 
+        message="Error loading driver profile" 
+        description="Please try again later" 
+      />
     );
   }
 
   if (!viewData || !viewData.currentDriver) {
     if (empty) {
       return (
-        <Container size="lg" py={12}>
-          <Stack align="center" gap={2}>
-            <Text size="xl" weight="semibold" color="text-white">{empty.title}</Text>
-            <Text color="text-gray-400">{empty.description}</Text>
-          </Stack>
-        </Container>
+        <EmptyTemplate 
+          viewData={{}} 
+          title={empty.title} 
+          description={empty.description} 
+        />
       );
     }
     return null;
@@ -78,4 +68,4 @@ export function DriverProfilePageClient({ viewData, error, empty }: DriverProfil
       onTabChange={setActiveTab}
     />
   );
-}
+}