Logo de l'app (SVG)

Nouveau logo : console de jeu portable avec une coche sur l'écran, sur un
badge dégradé indigo→teal (couleurs d'accent de l'app).
- Composant réutilisable Logo.tsx (id de dégradé unique via useId)
- public/logo.svg + favicon dans index.html
- Remplace l'icône Gamepad2 dans la sidebar, le login et l'onboarding

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

src/pages/Onboarding.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from 'react'
 import { AnimatePresence, motion } from 'framer-motion'
-import { Gamepad2, ArrowRight, ArrowLeft, Check, Loader2, Sparkles, Camera } from 'lucide-react'
+import { ArrowRight, ArrowLeft, Check, Loader2, Sparkles, Camera } from 'lucide-react'
 import { supa } from '../lib/supabase'
 import { useApp } from '../lib/AppContext'
 import { useFeedback } from '../lib/feedback'
@@ -15,6 +15,7 @@ import {
   memberPoles
 } from '../lib/types'
 import { Avatar } from '../components/ui'
+import Logo from '../components/Logo'
 
 const COLORS = ['#7c5cff', '#00d2b8', '#ff5c8a', '#ffa53c', '#3ca8ff', '#9bdb4d', '#e15cff', '#ff6b6b']
 
@@ -111,9 +112,7 @@ export default function Onboarding(): JSX.Element {
       >
         {/* En-tête */}
         <div className="mb-5 flex items-center gap-3">
-          <div className="rounded-xl bg-accent/20 p-2.5 text-accent">
-            <Gamepad2 size={24} />
-          </div>
+          <Logo size={44} className="rounded-xl shadow-sm" />
           <div>
             <h1 className="text-lg font-semibold text-ink">Bienvenue dans l'équipe 👋</h1>
             <p className="text-sm text-muted">Configurons ton profil en 3 étapes.</p>