Dashboard amministratore e profilo per il tesseramento

Implementa la voce "Dashboard amministratore" della roadmap v1.1, come descritta
in docs/modules/profilo-giocatore.md, insieme alla parte di profilo che la
alimenta.

- /admin: stato dei profili della squadra, download di documento, certificato e
  foto tessera, export CSV con i 12 campi del tesseramento CSI. Un certificato
  scaduto non conta come valido.
- Profilo giocatore: dati personali, documento (fronte e retro), certificato e
  foto tessera, con widget di completamento in Home che sparisce al 100%.
- I permessi di amministrazione arrivano da user_roles (DD-011) e non più dalla
  lista di nomi in crapp-data.ts, che resta come ponte finché
  VITE_AUTH_OBBLIGATORIA non viene acceso in produzione.
- Login Google via Supabase Auth: al primo accesso l'account si collega a uno
  slot libero di giocatori_squadra, e il vincolo lo fa rispettare il trigger di
  M1 (DD-016 regola 2).

Migration additive: M2 crea profili_giocatore, M3 il bucket privato
profili-giocatore. Nessuna tabella v1.0 viene toccata, quindi si possono
applicare senza cambiare il comportamento attuale dell'app.

supabase/config.toml e seed.sql configurano lo stack locale: serve perché il
progetto Supabase è uno solo, condiviso tra sviluppo e produzione.

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

src/routes/profilo.tsx

@@ -1,13 +1,14 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
-import { Flame, Camera, Users, Trash2, Bell } from "lucide-react";
+import { Flame, Camera, Users, Trash2, Bell, LogOut, ShieldCheck } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { PageHeader, Section, StatTile } from "@/components/crapp/ui-bits";
 import { Avatar } from "@/components/crapp/Avatar";
 import { fileToAvatar, salvaAvatar, rimuoviAvatar, useAvatar } from "@/lib/avatar-store";
 import { SerieGriglia } from "@/components/crapp/SerieCard";
 import { CollezioneBadge } from "@/components/crapp/CollezioneBadge";
+import { ProfiloAmministrativo } from "@/components/crapp/ProfiloAmministrativo";
 import { useVotiSocial } from "@/lib/badge-social";
 import { useIo } from "@/lib/rosa";
 import { usePresenzeUltimoMese } from "@/lib/presenze-mese";
@@ -18,6 +19,8 @@ import {
   statoNotifiche,
 } from "@/lib/push-client";
 import { resetGiocatore } from "@/lib/user-store";
+import { esci, useSessione } from "@/lib/auth";
+import { useIsAdmin } from "@/lib/ruoli";
 import { Reveal } from "@/components/motion/Reveal";
 
 export const Route = createFileRoute("/profilo")({
@@ -38,6 +41,8 @@ export const Route = createFileRoute("/profilo")({
 function Profilo() {
   const votiSocial = useVotiSocial();
   const g = useIo();
+  const admin = useIsAdmin();
+  const { sessione } = useSessione();
   const ultimoMese = usePresenzeUltimoMese(g?.id);
   const inputRef = useRef<HTMLInputElement>(null);
   const foto = useAvatar(g?.id);
@@ -72,6 +77,15 @@ function Profilo() {
     }
   }
 
+  async function logout() {
+    try {
+      await esci();
+      resetGiocatore();
+    } catch (error) {
+      toast.error(error instanceof Error ? error.message : "Uscita non riuscita");
+    }
+  }
+
   const percPresenze = Math.round((g.presenze / g.totaliEventi) * 100);
 
   async function onFile(e: React.ChangeEvent<HTMLInputElement>) {
@@ -168,6 +182,8 @@ function Profilo() {
         <CollezioneBadge g={g} votiSocial={votiSocial.data ?? []} />
       </Section>
 
+      <ProfiloAmministrativo giocatoreId={g.id} indice={4} />
+
       <Section titolo="Impostazioni">
         <div className="divide-y divide-border overflow-hidden rounded-3xl bg-card shadow-card">
           <button
@@ -203,6 +219,15 @@ function Profilo() {
               </label>
             ),
           )}
+          {admin ? (
+            <Link
+              to="/admin"
+              className="flex w-full items-center justify-between gap-3 px-4 py-3 text-sm transition-colors hover:bg-accent/5"
+            >
+              <span className="min-w-0 truncate">Dashboard amministratore</span>
+              <ShieldCheck className="h-4 w-4 text-muted-foreground" />
+            </Link>
+          ) : null}
           <button
             type="button"
             onClick={() => resetGiocatore()}
@@ -211,6 +236,16 @@ function Profilo() {
             <span className="min-w-0 truncate">Cambia giocatore</span>
             <Users className="h-4 w-4 text-muted-foreground" />
           </button>
+          {sessione ? (
+            <button
+              type="button"
+              onClick={logout}
+              className="flex w-full items-center justify-between gap-3 px-4 py-3 text-sm transition-colors hover:bg-accent/5"
+            >
+              <span className="min-w-0 truncate">Esci</span>
+              <LogOut className="h-4 w-4 text-muted-foreground" />
+            </button>
+          ) : null}
         </div>
       </Section>
     </>