feat: add manual save button for player name and update UI interactions

public/js/dom.js

@@ -29,6 +29,7 @@ export const $volumeSlider = el('volumeSlider');
 export const $bufferBadge = el('bufferBadge');
 export const $copyRoomCode = el('copyRoomCode');
 export const $nameLobby = el('name');
+export const $saveName = el('saveName');
 export const $createRoom = el('createRoom');
 export const $joinRoom = el('joinRoom');
 export const $roomCode = el('roomCode');

public/js/ui.js

@@ -21,6 +21,7 @@ import {
   $leaveRoom,
   $playBtn,
   $volumeSlider,
+  $saveName,
 } from './dom.js';
 import { state } from './state.js';
 import { initAudioUI, stopAudioPlayback } from './audio.js';
@@ -50,7 +51,26 @@ export function wireUi() {
     }
   }
 
-  // Button removed: autosave handles everything
+  // Manual save button
+  if ($saveName) {
+    wire($saveName, 'click', () => {
+      if (nameDebounce) {
+        clearTimeout(nameDebounce);
+        nameDebounce = null;
+      }
+      const val = ($nameLobby?.value || '').trim();
+      if (!val) {
+        showToast('⚠️ Bitte gib einen Namen ein!');
+        return;
+      }
+      const prev = localStorage.getItem('playerName') || '';
+      if (prev === val) {
+        showToast('✓ Name bereits gespeichert!');
+        return;
+      }
+      saveNameIfChanged(val);
+    });
+  }
 
   // Autosave on input with debounce
   if ($nameLobby) {