refactor page to use services

apps/website/app/drivers/page.tsx

@@ -27,7 +27,7 @@ import Button from '@/components/ui/Button';
 import Input from '@/components/ui/Input';
 import Card from '@/components/ui/Card';
 import Heading from '@/components/ui/Heading';
-import { getDriverLeaderboard } from '@/lib/services/drivers/DriverService';
+import { useServices } from '@/lib/services/ServiceProvider';
 import type { DriverLeaderboardViewModel } from '@/lib/view-models';
 import Image from 'next/image';
 
@@ -373,6 +373,7 @@ function RecentActivity({ drivers, onDriverClick }: RecentActivityProps) {
 
 export default function DriversPage() {
   const router = useRouter();
+  const { driverService } = useServices();
   const [drivers, setDrivers] = useState<DriverLeaderboardItemViewModel[]>([]);
   const [viewModel, setViewModel] = useState<DriverLeaderboardViewModel | null>(null);
   const [loading, setLoading] = useState(true);
@@ -383,7 +384,7 @@ export default function DriversPage() {
 
   useEffect(() => {
     const load = async () => {
-      const vm = await getDriverLeaderboard();
+      const vm = await driverService.getDriverLeaderboard();
       setViewModel(vm);
       setDrivers(vm.drivers);
       setTotalRaces(vm.totalRaces);
@@ -393,7 +394,7 @@ export default function DriversPage() {
     };
 
     void load();
-  }, []);
+  }, [driverService]);
 
   const handleDriverClick = (driverId: string) => {
     router.push(`/drivers/${driverId}`);