Porta il profilo in alto a destra e lascia quattro voci nella barra

La barra aveva cinque voci e la quinta era il profilo, che non è una
destinazione di pari livello con Oggi, Calendario, Squadra e Classifica: è la
propria scheda, e su iOS si cerca in alto a destra. Toglierla dalla barra
restituisce anche un quinto di larghezza alle altre quattro.

`LinkProfilo` mostra l'avatar del giocatore e porta a `/profilo`. Sta in
`PageHeader`, quindi compare su calendario, squadra, classifica e profilo, più
l'hero della home che ha un'intestazione propria. Se l'avatar non è stato
caricato `Avatar` ricade sulle iniziali; se il giocatore non c'è ancora (primo
render) resta il logo, così il posto non resta vuoto.

Sulla pagina del profilo l'avatar sarebbe un link a sé stessa: `PageHeader`
prende una prop `azione` e lì si passa il logo della squadra.

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

src/routes/index.tsx

@@ -2,7 +2,7 @@ import { createFileRoute, Link } from "@tanstack/react-router";
 import { Flame, ChevronRight } from "lucide-react";
 import { EventoCard, linkPerEvento } from "@/components/crapp/EventoCard";
 import { PromemoriaPalloni } from "@/components/crapp/PromemoriaPalloni";
-import { Card, Section, StatTile, TeamLogo } from "@/components/crapp/ui-bits";
+import { Card, LinkProfilo, Section, StatTile } from "@/components/crapp/ui-bits";
 import { CompletaProfilo } from "@/components/crapp/ProfiloAmministrativo";
 import { Reveal } from "@/components/motion/Reveal";
 import { Barra } from "@/components/motion/Barra";
@@ -72,7 +72,7 @@ function Index() {
             </p>
             <h1 className="font-display-lg text-4xl uppercase leading-none">CRAP Volley</h1>
           </div>
-          <TeamLogo className="h-12 w-12" />
+          <LinkProfilo />
         </div>
 
         <div className="mt-6 grid grid-cols-3 gap-2 text-center">

src/routes/profilo.tsx

@@ -3,7 +3,14 @@ import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 import { Flame, Camera, Trash2, Bell, LogOut, ShieldCheck, Bug, Lightbulb } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { Card, PageHeader, Section, SezioneTendina, StatTile } from "@/components/crapp/ui-bits";
+import {
+  Card,
+  PageHeader,
+  Section,
+  SezioneTendina,
+  StatTile,
+  TeamLogo,
+} from "@/components/crapp/ui-bits";
 import { Avatar } from "@/components/crapp/Avatar";
 import {
   caricaAvatar,
@@ -115,7 +122,12 @@ function Profilo() {
 
   return (
     <>
-      <PageHeader titolo={g.nome} sottotitolo={`#${g.numero} · ${g.ruolo}`} />
+      {/* Qui il link al profilo sarebbe un link a sé stessa: torna il logo. */}
+      <PageHeader
+        titolo={g.nome}
+        sottotitolo={`#${g.numero} · ${g.ruolo}`}
+        azione={<TeamLogo className="h-11 w-11" />}
+      />
 
       <Reveal className="-mt-6 px-5">
         <Card>