feat: added playlist option

public/index.html

@@ -122,6 +122,21 @@
         </details>
       </div>
 
+      <!-- Playlist Selection (only shown in lobby for host) -->
+      <div id="playlistSection"
+        class="hidden rounded-lg border border-slate-200 dark:border-slate-800 bg-slate-50/60 dark:bg-slate-800/60 p-4">
+        <label class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
+          🎵 Playlist auswählen
+        </label>
+        <select id="playlistSelect"
+          class="w-full h-11 rounded-lg border border-slate-300 dark:border-slate-700 bg-white dark:bg-slate-800 px-3 outline-none focus:ring-2 focus:ring-indigo-500">
+          <option value="default">Lade Playlists...</option>
+        </select>
+        <p class="mt-2 text-xs text-slate-500 dark:text-slate-400">
+          Als Host kannst du die Playlist für dieses Spiel wählen.
+        </p>
+      </div>
+
       <div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-start">
         <div class="space-y-1">
           <div class="text-slate-700 dark:text-slate-300">
@@ -130,6 +145,9 @@
           <div class="text-slate-700 dark:text-slate-300">
             Am Zug: <span id="guesser" class="font-medium"></span>
           </div>
+          <div id="playlistInfo" class="text-slate-700 dark:text-slate-300">
+            Playlist: <span id="currentPlaylist" class="font-medium">default</span>
+          </div>
         </div>
         <div class="flex flex-wrap items-center gap-3 justify-start md:justify-end">
           <label class="inline-flex items-center gap-3 text-slate-700 dark:text-slate-300 select-none">