website refactor

apps/website/client-wrapper/RacesAllPageClient.tsx

@@ -2,17 +2,17 @@
 
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
-import { StatefulPageWrapper } from '@/ui/StatefulPageWrapper';
+import { StatefulPageWrapper } from '@/components/shared/state/StatefulPageWrapper';
 import { RacesAllTemplate } from '@/templates/RacesAllTemplate';
 import { useAllRacesPageData } from '@/hooks/race/useAllRacesPageData';
 import { type RacesViewData, type RaceViewData } from '@/lib/view-data/RacesViewData';
 import { Flag } from 'lucide-react';
-
 import { routes } from '@/lib/routing/RouteConfig';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
 const ITEMS_PER_PAGE = 10;
 
-export function RacesAllPageClient({ initialViewData }: { initialViewData: RacesViewData | null }) {
+export function RacesAllPageClient({ viewData: initialViewData }: ClientWrapperProps<RacesViewData>) {
   const router = useRouter();
   
   // Client-side state for filters and pagination
@@ -107,4 +107,4 @@ export function RacesAllPageClient({ initialViewData }: { initialViewData: Races
       }}
     />
   );
-}
+}