refactor(ui): add CollectionView component and unify track listing views

src/routes/library/+page.svelte

@@ -81,6 +81,14 @@
   {:else}
     <section class="library-content">
       <!-- Tabs -->
+      <!--
+        svelte-ignore a11y_no_noninteractive_element_to_interactive_role
+        Reason: 98.css library requires <menu role="tablist"> for proper tab styling.
+        The role="tablist" selector is used by 98.css CSS rules (menu[role="tablist"]).
+        The <menu> element IS interactive (contains clickable <button> elements) and the
+        role="tablist" properly describes the semantic purpose to assistive technology.
+        This is the documented pattern from 98.css and matches WAI-ARIA tab widget patterns.
+      -->
       <menu role="tablist">
         <li role="tab" aria-selected={viewMode === 'artists'}>
           <button onclick={() => viewMode = 'artists'}>Artists</button>