feat(ui): sequential playlist track numbering and banner panel

src/routes/+layout.svelte

@@ -12,6 +12,7 @@
 
   let playlists = $state<Playlist[]>([]);
   let playlistsLoadTimestamp = $state<number>(0);
+  let showBanner = $state(false);
 
   // Count active downloads (queued or downloading)
   let activeDownloads = $derived(
@@ -149,9 +150,17 @@
     </nav>
   </aside>
 
-    <main class="content-area sunken-panel">
-      {@render children?.()}
-    </main>
+    <div class="right-column">
+      <main class="content-area sunken-panel">
+        {@render children?.()}
+      </main>
+
+      {#if showBanner}
+        <div class="banner-panel sunken-panel">
+          Banner content here
+        </div>
+      {/if}
+    </div>
   </div>
 
   <div class="status-text">Ready</div>
@@ -230,15 +239,32 @@
     padding-left: 8px;
   }
 
-  .content-area {
+  .right-column {
     flex: 1;
     min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .content-area {
+    flex: 1;
+    min-height: 0;
     overflow-y: auto;
     padding: 0;
     font-family: "Pixelated MS Sans Serif", Arial;
     background: #121212;
   }
 
+  .banner-panel {
+    flex-shrink: 0;
+    height: 120px;
+    padding: 8px;
+    font-family: "Pixelated MS Sans Serif", Arial;
+    background: #121212;
+    overflow: hidden;
+  }
+
   .status-text {
     padding: 6px 8px 10px 10px;
     font-family: "Pixelated MS Sans Serif", Arial;

src/routes/playlists/[name]/+page.svelte

@@ -94,6 +94,7 @@
       {selectedTrackIndex}
       onTrackClick={handleTrackClick}
       showAlbumColumn={true}
+      useSequentialNumbers={true}
     />
   {/if}
 </div>