website refactor

apps/website/client-wrapper/RaceDetailPageClient.tsx

@@ -3,12 +3,9 @@
 import React, { useState, useCallback } from 'react';
 import { RaceDetailTemplate, RaceDetailViewData } from '@/templates/RaceDetailTemplate';
 import { useRouter } from 'next/navigation';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
-interface Props {
-  data: RaceDetailViewData;
-}
-
-export function RaceDetailPageClient({ data: viewData }: Props) {
+export function RaceDetailPageClient({ viewData }: ClientWrapperProps<RaceDetailViewData>) {
   const router = useRouter();
   const [animatedRatingChange] = useState(0);