website cleanup

apps/website/components/profile/ProfileHeader.tsx

@@ -5,6 +5,7 @@ import type { GetDriverOutputDTO } from '@/lib/types/generated/GetDriverOutputDT
 import Button from '../ui/Button';
 import DriverRatingPill from '@/components/profile/DriverRatingPill';
 import CountryFlag from '@/components/ui/CountryFlag';
+import { useServices } from '@/lib/services/ServiceProvider';
 
 interface ProfileHeaderProps {
   driver: GetDriverOutputDTO;
@@ -25,12 +26,14 @@ export default function ProfileHeader({
   teamName,
   teamTag,
 }: ProfileHeaderProps) {
+  const { mediaService } = useServices();
+
   return (
     <div className="flex items-start justify-between">
       <div className="flex items-start gap-4">
         <div className="w-20 h-20 rounded-full bg-gradient-to-br from-primary-blue to-purple-600 overflow-hidden flex items-center justify-center">
           <Image
-            src={getImageService().getDriverAvatar(driver.id)}
+            src={mediaService.getDriverAvatar(driver.id)}
             alt={driver.name}
             width={80}
             height={80}
@@ -76,4 +79,4 @@ export default function ProfileHeader({
       )}
     </div>
   );
-}
+}