harden media

apps/website/components/teams/TeamCard.tsx

@@ -17,7 +17,7 @@ import {
   Languages,
 } from 'lucide-react';
 
-import { useServices } from '@/lib/services/ServiceProvider';
+import PlaceholderImage from '@/components/ui/PlaceholderImage';
 
 interface TeamCardProps {
   id: string;
@@ -81,8 +81,7 @@ export default function TeamCard({
   category,
   onClick,
 }: TeamCardProps) {
-  const { mediaService } = useServices();
-  const logoUrl = logo || mediaService.getTeamLogo(id);
+  const logoUrl = logo;
   const performanceBadge = getPerformanceBadge(performanceLevel);
   const specializationBadge = getSpecializationBadge(specialization);
 
@@ -98,13 +97,17 @@ export default function TeamCard({
           <div className="flex items-start gap-4">
             {/* Logo */}
             <div className="w-14 h-14 rounded-xl bg-charcoal-outline flex items-center justify-center flex-shrink-0 overflow-hidden border border-charcoal-outline">
-              <Image
-                src={logoUrl}
-                alt={name}
-                width={56}
-                height={56}
-                className="w-full h-full object-cover"
-              />
+              {logoUrl ? (
+                <Image
+                  src={logoUrl}
+                  alt={name}
+                  width={56}
+                  height={56}
+                  className="w-full h-full object-cover"
+                />
+              ) : (
+                <PlaceholderImage size={56} />
+              )}
             </div>
 
             {/* Title & Badges */}