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/Login.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react'
 import { motion } from 'framer-motion'
-import { Gamepad2, Loader2 } from 'lucide-react'
+import { Loader2 } from 'lucide-react'
 import { supa } from '../lib/supabase'
+import Logo from '../components/Logo'
 
 export default function Login(): JSX.Element {
   const [email, setEmail] = useState('')
@@ -31,9 +32,7 @@ export default function Login(): JSX.Element {
         className="card w-full max-w-sm"
       >
         <div className="mb-6 flex flex-col items-center gap-2 text-center">
-          <div className="rounded-xl bg-accent/20 p-3 text-accent">
-            <Gamepad2 size={28} />
-          </div>
+          <Logo size={56} className="rounded-xl shadow-sm" />
           <h1 className="text-xl font-semibold text-ink">GameDev Tracker</h1>
           <p className="text-sm text-muted">Connecte-toi à ton équipe</p>
         </div>