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