harden media

apps/website/components/leagues/LeagueHeader.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import MembershipStatus from '@/components/leagues/MembershipStatus';
-import { useServices } from '@/lib/services/ServiceProvider';
+import { getMediaUrl } from '@/lib/utilities/media';
 import Image from 'next/image';
 
 
@@ -28,8 +28,7 @@ export default function LeagueHeader({
   ownerId,
   mainSponsor,
 }: LeagueHeaderProps) {
-  const { mediaService } = useServices();
-  const logoUrl = mediaService.getLeagueLogo(leagueId);
+  const logoUrl = getMediaUrl('league-logo', leagueId);
 
   return (
     <div className="mb-8">