resolve todos in website

apps/website/components/leagues/LeagueMembers.tsx

@@ -1,17 +1,14 @@
 'use client';
 
-import DriverIdentity from '@/components/drivers/DriverIdentity';
-import { useEffectiveDriverId } from '@/hooks/useEffectiveDriverId';
-import {
-  getLeagueMembers,
-  type LeagueMembership,
-  type MembershipRole,
-} from '@/lib/leagueMembership';
-import type { DriverDTO } from '@core/racing/application/dto/DriverDTO';
-import { EntityMappers } from '@core/racing/application/mappers/EntityMappers';
+import DriverIdentity from '../drivers/DriverIdentity';
+import { useEffectiveDriverId } from '../../hooks/useEffectiveDriverId';
+import { useServices } from '../../lib/services/ServiceProvider';
+import type { LeagueMembership } from '@core/racing/domain/entities/LeagueMembership';
+import type { MembershipRole } from '@core/racing/domain/entities/MembershipRole';
+import type { DriverDTO } from '@/lib/types/generated/DriverDTO';
 import { useCallback, useEffect, useState } from 'react';
 
-// TODO EntityMapper is legacy. Must use ´useServices` hook.
+// Migrated to useServices-based website services; legacy EntityMapper removed.
 
 interface LeagueMembersProps {
   leagueId: string;
@@ -31,32 +28,33 @@ export default function LeagueMembers({
   const [loading, setLoading] = useState(true);
   const [sortBy, setSortBy] = useState<'role' | 'name' | 'date' | 'rating' | 'points' | 'wins'>('rating');
   const currentDriverId = useEffectiveDriverId();
+  const { leagueMembershipService, driverService } = useServices();
 
   const loadMembers = useCallback(async () => {
     setLoading(true);
     try {
-      const membershipData = getLeagueMembers(leagueId);
+      await leagueMembershipService.fetchLeagueMemberships(leagueId);
+      const membershipData = leagueMembershipService.getLeagueMembers(leagueId);
       setMembers(membershipData);
 
-      const driverRepo = getDriverRepository();
-      const driverEntities = await Promise.all(
-        membershipData.map((m) => driverRepo.findById(m.driverId))
-      );
-      const driverDtos = driverEntities
-        .map((driver) => (driver ? EntityMappers.toDriverDTO(driver) : null))
-        .filter((dto): dto is DriverDTO => dto !== null);
+      const uniqueDriverIds = Array.from(new Set(membershipData.map((m) => m.driverId)));
+      if (uniqueDriverIds.length > 0) {
+        const driverDtos = await driverService.findByIds(uniqueDriverIds);
 
-      const byId: Record<string, DriverDTO> = {};
-      for (const dto of driverDtos) {
-        byId[dto.id] = dto;
+        const byId: Record<string, DriverDTO> = {};
+        for (const dto of driverDtos) {
+          byId[dto.id] = dto;
+        }
+        setDriversById(byId);
+      } else {
+        setDriversById({});
       }
-      setDriversById(byId);
     } catch (error) {
       console.error('Failed to load members:', error);
     } finally {
       setLoading(false);
     }
-  }, [leagueId]);
+  }, [leagueId, leagueMembershipService, driverService]);
 
   useEffect(() => {
     loadMembers();