fix(tracks): add to playlist buttons in context menu

src/lib/components/groove/PlaylistListing.svelte

@@ -2,9 +2,7 @@
 	import type { Track } from '$lib/proto/library';
 	import { Button } from '$lib/components/ui/button';
 	import Trash2 from 'virtual:icons/lucide/trash-2';
-	import { enhance } from '$app/forms';
 	import Play from 'virtual:icons/lucide/play';
-	import type { SubmitFunction } from '../../../routes/playlists/[id]/$types';
 	import { getLibraryState } from '$lib/library.svelte';
 	import { getPlayerState } from '$lib/player.svelte';
 	import PlaylistCover from './PlaylistCover.svelte';
@@ -54,7 +52,10 @@
 				type="submit"
 				variant="outline"
 				size="icon"
-				onclick={() => player.playPlaylist(id, fetch)}
+				onclick={(e) => {
+					e.stopPropagation();
+					player.playPlaylist(id, fetch);
+				}}
 			>
 				<Play />
 			</Button>
@@ -63,7 +64,10 @@
 				type="submit"
 				variant="outline"
 				size="icon"
-				onclick={() => library.deletePlaylist(id, fetch)}
+				onclick={(e) => {
+					e.stopPropagation();
+					library.deletePlaylist(id, fetch);
+				}}
 			>
 				<Trash2 />
 			</Button>

src/routes/tracks/+page.svelte

@@ -138,17 +138,13 @@
 				Add to Playlist
 			</ContextMenu.SubTrigger>
 			<ContextMenu.SubContent>
-				{#snippet child({ props })}
+				{#each library.playlists as [_, playlist]}
-					<form {...props} method="POST" use:enhance={addTrackToPlaylist}>
+					<ContextMenu.Item
-						{#each library.playlists as [_, playlist]}
+						onclick={() => library.addTrackToPlaylist(playlist.id, contextMenuTarget!, fetch)}
-							<ContextMenu.Item
+					>
-								onclick={() => library.addTrackToPlaylist(playlist.id, contextMenuTarget!, fetch)}
+						{playlist.name}
-							>
+					</ContextMenu.Item>
-								{playlist.name}
+				{/each}
-							</ContextMenu.Item>
-						{/each}
-					</form>
-				{/snippet}
 			</ContextMenu.SubContent>
 		</ContextMenu.Sub>
 	</ContextMenu.Content>