website cleanup

apps/website/components/teams/TeamCard.tsx

@@ -17,6 +17,8 @@ import {
   Languages,
 } from 'lucide-react';
 
+import { useServices } from '@/lib/services/ServiceProvider';
+
 interface TeamCardProps {
   id: string;
   name: string;
@@ -77,8 +79,8 @@ export default function TeamCard({
   languages,
   onClick,
 }: TeamCardProps) {
-  const imageService = getImageService();
-  const logoUrl = logo || imageService.getTeamLogo(id);
+  const { mediaService } = useServices();
+  const logoUrl = logo || mediaService.getTeamLogo(id);
   const performanceBadge = getPerformanceBadge(performanceLevel);
   const specializationBadge = getSpecializationBadge(specialization);
 
@@ -206,4 +208,4 @@ export default function TeamCard({
       </div>
     </div>
   );
-}
+}