website cleanup

apps/website/components/profile/DriverSummaryPill.tsx

@@ -4,6 +4,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import type { DriverDTO } from '@/lib/types/generated/DriverDTO';
 import DriverRating from '@/components/profile/DriverRatingPill';
+import { useServices } from '@/lib/services/ServiceProvider';
 
 export interface DriverSummaryPillProps {
   driver: DriverDTO;
@@ -17,8 +18,10 @@ export interface DriverSummaryPillProps {
 export default function DriverSummaryPill(props: DriverSummaryPillProps) {
   const { driver, rating, rank, avatarSrc, onClick, href } = props;
 
+  const { mediaService } = useServices();
+
   const resolvedAvatar =
-    avatarSrc ?? getImageService().getDriverAvatar(driver.id);
+    avatarSrc ?? mediaService.getDriverAvatar(driver.id);
 
   const content = (
     <>
@@ -70,4 +73,4 @@ export default function DriverSummaryPill(props: DriverSummaryPillProps) {
       {content}
     </div>
   );
-}
+}