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

src/lib/components/CollectionView.svelte

@@ -11,6 +11,7 @@
     selectedTrackIndex?: number | null;
     onTrackClick?: (index: number) => void;
     showAlbumColumn?: boolean;
+    useSequentialNumbers?: boolean;
   }
 
   let {
@@ -21,7 +22,8 @@
     tracks,
     selectedTrackIndex = null,
     onTrackClick,
-    showAlbumColumn = false
+    showAlbumColumn = false,
+    useSequentialNumbers = false
   }: Props = $props();
 
   function getThumbnailUrl(coverPath?: string): string {
@@ -100,7 +102,7 @@
                 onclick={() => handleTrackClick(i)}
               >
                 <td class="track-number">
-                  {track.metadata.trackNumber ?? i + 1}
+                  {useSequentialNumbers ? i + 1 : (track.metadata.trackNumber ?? i + 1)}
                 </td>
                 <td>{track.metadata.title ?? '—'}</td>
                 {#if showAlbumColumn}
@@ -206,6 +208,13 @@
     width: 100%;
   }
 
+  thead {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    background: #121212;
+  }
+
   th {
     text-align: left;
   }