Sincronizza le foto profilo dei giocatori su Supabase Storage

Le foto caricate in Profilo vivevano solo in localStorage: ogni giocatore
vedeva la propria foto solo sul proprio dispositivo, mai quella dei
compagni nella rosa (Squadra). Ora vengono caricate in un bucket
pubblico dedicato (avatar-giocatori, migration m6) e il componente
Avatar carica l'URL pubblico con fallback su numero/iniziali se assente
o non ancora caricata.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/components/crapp/Avatar.tsx

@@ -1,23 +1,31 @@
+import { useEffect, useState } from "react";
 import { cn } from "@/lib/utils";
-import { useAvatar } from "@/lib/avatar-store";
+import { urlAvatar } from "@/lib/avatar-store";
 
 export function Avatar({
   id,
   fallback,
   className,
   alt,
+  bust,
 }: {
   id: string;
   fallback: string;
   className?: string;
   alt?: string;
+  /** Forza il ricaricamento ignorando la cache: usato dopo aver cambiato la propria foto. */
+  bust?: number;
 }) {
-  const src = useAvatar(id);
-  if (src) {
+  const [errore, setErrore] = useState(false);
+  useEffect(() => setErrore(false), [id, bust]);
+
+  if (!errore) {
+    const src = bust ? `${urlAvatar(id)}?v=${bust}` : urlAvatar(id);
     return (
       <img
         src={src}
         alt={alt ?? `Foto di ${fallback}`}
+        onError={() => setErrore(true)}
         className={cn("shrink-0 rounded-2xl object-cover", className)}
       />
     );