website cleanup

apps/website/components/teams/TeamLadderRow.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useServices } from '@/lib/services/ServiceProvider';
 import { useRouter } from 'next/navigation';
 import Image from 'next/image';
 
@@ -25,8 +26,8 @@ export default function TeamLadderRow({
   totalRaces,
 }: TeamLadderRowProps) {
   const router = useRouter();
-  const imageService = getImageService();
-  const logo = teamLogoUrl ?? imageService.getTeamLogo(teamId);
+  const { mediaService } = useServices();
+  const logo = teamLogoUrl ?? mediaService.getTeamLogo(teamId);
 
   const handleClick = () => {
     router.push(`/teams/${teamId}`);
@@ -74,4 +75,4 @@ export default function TeamLadderRow({
       </td>
     </tr>
   );
-}
+}