website refactor

apps/website/client-wrapper/RacesPageClient.tsx

@@ -4,12 +4,9 @@ import { useState, useMemo } from 'react';
 import { useRouter } from 'next/navigation';
 import { RacesTemplate, type TimeFilter, type RaceStatusFilter } from '@/templates/RacesTemplate';
 import type { RacesViewData } from '@/lib/view-data/RacesViewData';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
-interface RacesPageClientProps {
-  viewData: RacesViewData;
-}
-
-export function RacesPageClient({ viewData }: RacesPageClientProps) {
+export function RacesPageClient({ viewData }: ClientWrapperProps<RacesViewData>) {
   const router = useRouter();
   const [statusFilter, setStatusFilter] = useState<RaceStatusFilter>('all');
   const [leagueFilter, setLeagueFilter] = useState<string>('all');