ajout de l'authentification SSO/A5L

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Soundboard A5L</title>
+    <script src="auth.js"></script>
     <link rel="manifest" href="manifest.json">
     <link rel="stylesheet" href="style.css">
     <meta name="theme-color" content="#00f2ff">
@@ -16,9 +17,18 @@
     <header>
         <div style="display: flex; gap: 10px; align-items: center;">
             <button class="stop-all" onclick="stopAll()">🛑 STOP ALL</button>
-            <span id="app-version" style="color: #555; font-size: 0.8rem; margin-left: 10px;">v1.213</span>
+            <span id="app-version" style="color: #555; font-size: 0.8rem; margin-left: 10px;"><a href="readme.md">1.214</a></span>
             
             <button id="installBtn" style="display:none; ...">📥 INSTALLER</button>
+
+            <div id="auth-zone">
+                <button id="loginBtn" onclick="login()" style="background:var(--accent); color:black;">SE CONNECTER</button>
+                <div id="userProfile" style="display:none;">
+                    <span id="userName"></span>
+                    <button onclick="logout()" style="background:none; color:var(--danger); border:1px solid">DÉCONNEXION</button>
+                </div>
+            </div>
+
         </div>
         <button onclick="toggleEditMode()" id="toggleBtn">MODE ÉDITION</button>
     </header>