refactor(web/m7-377): AddToPlaylistMenu accepts tracks: TrackRef[]

web/src/lib/components/AddToPlaylistMenu.svelte

@@ -9,10 +9,10 @@
   import type { TrackRef } from '$lib/api/types';
 
   let {
-    track,
+    tracks,
     onClose
   }: {
-    track: TrackRef;
+    tracks: TrackRef[];
     onClose: () => void;
   } = $props();
 
@@ -32,7 +32,7 @@
     busy = true;
     error = null;
     try {
-      await appendTracks(playlistID, [track.id]);
+      await appendTracks(playlistID, tracks.map((t) => t.id));
       await queryClient.invalidateQueries({ queryKey: qk.playlist(playlistID) });
       await queryClient.invalidateQueries({ queryKey: qk.playlists() });
       onClose();
@@ -53,7 +53,7 @@
     error = null;
     try {
       const created = await createPlaylist({ name: newName.trim() });
-      await appendTracks(created.id, [track.id]);
+      await appendTracks(created.id, tracks.map((t) => t.id));
       await queryClient.invalidateQueries({ queryKey: qk.playlists() });
       onClose();
     } catch (e: unknown) {

web/src/lib/components/TrackMenu.svelte

@@ -212,6 +212,6 @@
   {/if}
 
   {#if addOpen}
-    <AddToPlaylistMenu {track} onClose={() => (addOpen = false)} />
+    <AddToPlaylistMenu tracks={[track]} onClose={() => (addOpen = false)} />
   {/if}
 </div>