harden media

apps/website/components/teams/TeamLadderRow.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { useServices } from '@/lib/services/ServiceProvider';
 import { useRouter } from 'next/navigation';
 import Image from 'next/image';
+import { getMediaUrl } from '@/lib/utilities/media';
 
 export interface TeamLadderRowProps {
   rank: number;
@@ -26,8 +26,7 @@ export default function TeamLadderRow({
   totalRaces,
 }: TeamLadderRowProps) {
   const router = useRouter();
-  const { mediaService } = useServices();
-  const logo = teamLogoUrl ?? mediaService.getTeamLogo(teamId);
+  const logo = teamLogoUrl ?? getMediaUrl('team-logo', teamId);
 
   const handleClick = () => {
     router.push(`/teams/${teamId}`);