Mette lo stemma della squadra nell'intestazione del profilo

In alto a destra sul profilo c'era `/icon-192.png`, cioè l'icona della PWA: ha
dentro il nome dell'app, e come marchio in una schermata dell'app stessa non
dice niente. Lì serve lo stemma della squadra.

`TeamLogo` prende una prop `src` con l'icona come default, così cambia solo la
chiamata del profilo. L'icona della PWA resta quella dappertutto altrove
(ripiego di `LinkProfilo`, schermata di caricamento, manifest, apple-touch-icon):
sulla home dello schermo è giusto che l'app si presenti come «CrAPP».

Il file arrivava come `logo_nerorosso.jpg` ma è un SVG: rinominato con
l'estensione giusta, altrimenti verrebbe servito come JPEG e non si vedrebbe.
Sta in `public/`, che è la cartella servita così com'è.

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

src/components/crapp/ui-bits.tsx

@@ -8,10 +8,20 @@ import { Avatar } from "@/components/crapp/Avatar";
 import { Reveal } from "@/components/motion/Reveal";
 import { Numero } from "@/components/motion/Numero";
 
-export function TeamLogo({ className }: { className?: string }) {
+export function TeamLogo({
+  className,
+  /**
+   * Di default l'icona della PWA, che ha dentro il nome dell'app. Dove serve lo
+   * stemma della squadra e basta si passa `/logo-nerorosso.svg`.
+   */
+  src = "/icon-192.png",
+}: {
+  className?: string;
+  src?: string;
+}) {
   return (
     <img
-      src="/icon-192.png"
+      src={src}
       alt="CRAP Volley"
       width={192}
       height={192}

src/routes/profilo.tsx

@@ -126,7 +126,7 @@ function Profilo() {
       <PageHeader
         titolo={g.nome}
         sottotitolo={`#${g.numero} · ${g.ruolo}`}
-        azione={<TeamLogo className="h-11 w-11" />}
+        azione={<TeamLogo src="/logo-nerorosso.svg" className="h-11 w-11" />}
       />
 
       <Reveal className="-mt-6 px-5">