Uniforma la riga collassata della rosa tra allenatore e giocatori

La card dell'allenatore mostrava subito nome, ruolo e data di nascita,
mentre quella dei giocatori mostra solo nome e ruolo lasciando i
dettagli (nascita, statistiche) dietro l'espansione. Ora anche
l'allenatore è una card espandibile identica, con la data di nascita
visibile solo aprendola.

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

src/routes/squadra.tsx

@@ -130,10 +130,15 @@ function Squadra() {
   const contenutoRosa = useMemo(
     () => (
       <div className="space-y-2">
-        {allenatori.map((a) => (
+        {allenatori.map((a) => {
-          <article
+          const isOpen = aperto === a.id;
-            key={a.id}
+          return (
-            className="flex min-h-11 items-center gap-3 rounded-3xl bg-card p-3 shadow-card"
+            <article key={a.id} className="overflow-hidden rounded-3xl bg-card shadow-card">
+              <button
+                type="button"
+                onClick={() => setAperto(isOpen ? null : a.id)}
+                className="flex min-h-11 w-full items-center gap-3 p-3 text-left active:scale-[0.99]"
+                aria-expanded={isOpen}
               >
                 <Avatar
                   id={a.id}
@@ -146,15 +151,26 @@ function Squadra() {
                   </span>
                   <span className="mt-1 flex items-center gap-2">
                     <RuoloBadge ruolo={ruoloVisibile(a)} />
-                {a.nascita ? (
+                  </span>
-                  <span className="inline-flex items-center gap-1 text-xs text-muted-foreground">
+                </span>
+                <ChevronDown
+                  className={cn(
+                    "h-4 w-4 shrink-0 text-muted-foreground transition-transform",
+                    isOpen && "rotate-180",
+                  )}
+                />
+              </button>
+
+              {isOpen && a.nascita ? (
+                <div className="border-t border-border px-4 pb-4 pt-3">
+                  <p className="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
                     <Cake className="h-3.5 w-3.5" /> {formatData(a.nascita)}
-                  </span>
+                  </p>
+                </div>
               ) : null}
-              </span>
-            </span>
             </article>
-        ))}
+          );
+        })}
         {rosa.map((g) => {
           const stati = badgeGiocatore(g);
           const sbloccati = sonoAllenatore