website cleanup

apps/website/components/leagues/LeagueHeader.tsx

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