migration to new feed source

app/[locale]/components/Fixtures.tsx

@@ -176,10 +176,13 @@ export default function Fixtures({
                   </div>
                 </div>
                 <div className="fx-meta">
-                  {m.venue && <span className="fx-venue">📍 {m.venue}</span>}
-                  {m.attendance != null && (
-                    <span className="fx-att">👥 {m.attendance.toLocaleString(intlLocale)}</span>
-                  )}
+                  {(() => {
+                    const stadium = [m.stadiumName, m.stadiumCity].filter(Boolean).join(", ");
+                    const crowd = m.attendance != null ? m.attendance.toLocaleString(intlLocale) : "";
+                    const sep = stadium && crowd ? " · " : "";
+                    const text = stadium + sep + crowd;
+                    return text ? <span className="fx-venue">{text}</span> : null;
+                  })()}
                 </div>
               </div>
             );

app/[locale]/components/Flag.tsx

@@ -1,32 +1,27 @@
 "use client";
 
-import { useState } from "react";
 import { Team } from "@/lib/types";
+import { TLA_TO_ISO2 } from "@/lib/flags";
 
-// Zeigt die Flagge/das Wappen eines Teams. Fällt auf ein neutrales Rund
-// zurück, wenn keine crest-URL vorliegt oder das Bild nicht geladen werden kann.
+// Zeigt die Flagge eines Teams aus lokalem circle-flags-Bestand.
+// Fallback: kein Rendering bei fehlendem Team/Code (kein Broken-Image).
 export default function Flag({
   team, size = 22,
 }: { team?: Team; size?: number }) {
-  const [imgFailed, setImgFailed] = useState(false);
   const style = { width: size, height: size } as const;
 
-  if (team?.crest && !imgFailed) {
+  const iso2 = team?.code ? TLA_TO_ISO2[team.code.toUpperCase()] : undefined;
+  if (iso2) {
     return (
       <img
-        src={team.crest}
-        alt={team.code || team.localisedName || team.name}
+        src={`/flags/${iso2}.svg`}
+        alt={team!.code || team!.localisedName || team!.name}
         className="flag"
         style={style}
         loading="lazy"
-        onError={() => setImgFailed(true)}
       />
     );
   }
-  // Fallback: Kreis mit Ländercode
-  return (
-    <span className="flag flag-fallback" style={style} aria-hidden>
-      {team?.code?.slice(0, 2) || "··"}
-    </span>
-  );
+  // Kein Team / kein Code: nichts rendern (kein Broken-Image)
+  return null;
 }