harden media

apps/website/components/social/FriendPill.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useServices } from '@/lib/services/ServiceProvider';
+import { getMediaUrl } from '@/lib/utilities/media';
 
 interface Friend {
   id: string;
@@ -23,8 +23,6 @@ function getCountryFlag(countryCode: string): string {
 }
 
 export default function FriendPill({ friend }: FriendPillProps) {
-  const { mediaService } = useServices();
-
   return (
     <Link
       href={`/drivers/${friend.id}`}
@@ -32,7 +30,7 @@ export default function FriendPill({ friend }: FriendPillProps) {
     >
       <div className="w-8 h-8 rounded-full overflow-hidden bg-gradient-to-br from-primary-blue to-purple-600">
         <Image
-          src={mediaService.getDriverAvatar(friend.id)}
+          src={getMediaUrl('driver-avatar', friend.id)}
           alt={friend.name}
           width={32}
           height={32}