Remplace le laurier dessiné à la main par le logo fourni (badge circulaire
« L'Agora ») comme identité visuelle principale : favicon (icon.png),
icône iOS (apple-icon.png, remplace icon.svg), marque du header, page
login, page signup, et grand format en en-tête du classement.
- components/agora-logo.tsx : composant partagé, `unoptimized` sur
next/image — l'optimiseur d'images de Next.js aplatit systématiquement
la transparence de ce fichier (PNG ou WebP) lors du redimensionnement
à la volée, donc on sert l'asset statique tel quel.
- Asset retravaillé (public/logo-agora.webp) : le fichier fourni n'avait
pas de vraie transparence (damier dessiné en dur, y compris dans les
zones "vides" de l'illustration) et le cercle était mal centré dans
son canevas carré (anneau doré rogné en haut). Recadré, recentré avec
une marge uniforme, fond extérieur en transparence réelle, fond
intérieur aplati en blanc crème (#F4ECD8, le token "marble" existant)
pour se fondre dans les cartes marbre de l'app.
- Header : bandeau renommé « LE TRIBUNAL » → « L'AGORA » (à gauche) ;
les icônes du menu déroulant restent inchangées (icônes distinctes
par page, nécessaires pour s'y retrouver).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>