refactor page to use services

apps/website/app/races/[id]/results/page.tsx

@@ -7,7 +7,7 @@ import ResultsTable from '@/components/races/ResultsTable';
 import Button from '@/components/ui/Button';
 import Card from '@/components/ui/Card';
 import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
-import { raceResultsService } from '@/lib/services/races/RaceResultsService';
+import { useServices } from '@/lib/services/ServiceProvider';
 import type { RaceResultsDetailViewModel } from '@/lib/view-models';
 import { ArrowLeft, Calendar, Trophy, Users, Zap } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
@@ -18,6 +18,7 @@ export default function RaceResultsPage() {
   const params = useParams();
   const raceId = params.id as string;
   const currentDriverId = useEffectiveDriverId();
+  const { raceResultsService } = useServices();
 
   const [raceData, setRaceData] = useState<RaceResultsDetailViewModel | null>(null);
   const [raceSOF, setRaceSOF] = useState<number | null>(null);