feat: flat design Sunset Glitch palette + Font Awesome icons

templates/components/header.html

@@ -1,25 +1,25 @@
 <header>
-    <h1>⚡ Ohm Stream Downloader</h1>
+    <h1><i class="fa-solid fa-bolt"></i> Ohm Stream Downloader</h1>
     <p class="subtitle">Téléchargez vos vidéos, animes et séries depuis vos hébergeurs préférés</p>
 
     <!-- User info and logout button -->
     <div id="userInfo" x-show="isAuthenticated" class="auth-panel" x-cloak>
         <div style="display: flex; align-items: center; gap: 10px;">
-            <span style="color: var(--primary); font-size: 1.2rem;">👤</span>
+            <span style="color: var(--primary); font-size: 1.2rem;"><i class="fa-solid fa-user"></i></span>
             <span style="color: var(--text-main); font-size: 14px;">Connecté en tant que <strong x-text="username" style="color: var(--primary);">-</strong></span>
         </div>
         <button class="btn btn-secondary btn-small" 
                 onclick="removeToken(); isAuthenticated = false"
                 hx-post="/api/auth/logout"
                 hx-on::after-request="window.location.href = '/login'">
-            🚪 Déconnexion
+            <i class="fa-solid fa-right-from-bracket"></i> Déconnexion
         </button>
     </div>
 
     <!-- Login prompt (shown when not logged in) -->
     <div id="loginPrompt" x-show="!isAuthenticated" class="auth-panel" style="justify-content: center;" x-cloak>
         <p style="color: var(--primary); margin: 0;">
-            👋 Bienvenue! <a href="/login" class="btn btn-secondary btn-small" style="margin-left: 10px;">Se connecter</a> pour accéder à toutes les fonctionnalités.
+            <i class="fa-solid fa-hand"></i> Bienvenue! <a href="/login" class="btn btn-secondary btn-small" style="margin-left: 10px;">Se connecter</a> pour accéder à toutes les fonctionnalités.
         </p>
     </div>