sidebar and artist pipeline: one list in the rail, recents anchored to ids, and popular takes its own lane

src/App.svelte

@@ -15,6 +15,7 @@
     import Downloads from "./views/Downloads.svelte";
     import Settings from "./views/Settings.svelte";
     import Playlist from "./views/Playlist.svelte";
+    import Playlists from "./views/Playlists.svelte";
     import CatalogSearch from "./views/CatalogSearch.svelte";
     import CatalogArtist from "./views/CatalogArtist.svelte";
     import CatalogAlbum from "./views/CatalogAlbum.svelte";
@@ -24,6 +25,7 @@
         autoConnect,
         refreshLibrary,
         refreshPlaylists,
+        refreshRecents,
     } from "./lib/state.svelte.js";
     import { floatScroll } from "./lib/scrollbar.js";
 
@@ -34,6 +36,7 @@
         downloads: Downloads,
         settings: Settings,
         playlist: Playlist,
+        playlists: Playlists,
         catalog: CatalogSearch,
         catalogArtist: CatalogArtist,
         catalogAlbum: CatalogAlbum,
@@ -56,6 +59,7 @@
     autoConnect();
     refreshLibrary();
     refreshPlaylists();
+    refreshRecents();
 
 </script>