web-player: P0 — línea base y bugs sueltos

Corrige eslint (imports muertos en liked), tamaño de título ausente en
MediaCard, clases no excluyentes en las filas del spotlight de Inicio,
tipografía del modal de borrado de álbumes, text-base inútil en botones
de icono (Sidebar, Queue) y borra Badge.svelte (sin usos).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

web-player/src/lib/components/Sidebar.svelte

@@ -81,7 +81,7 @@
 					type="button"
 					onclick={() => createPlaylistModal.show()}
 					aria-label="Crear playlist"
-					class="text-base text-muted transition-colors hover:text-fg"
+					class="text-muted transition-colors hover:text-fg"
 				>
 					<Plus class="h-3.5 w-3.5" strokeWidth={1.25} />
 				</button>

web-player/src/lib/components/player/Queue.svelte

@@ -26,7 +26,7 @@
 				type="button"
 				onclick={() => queuePanel.close()}
 				aria-label="Cerrar cola"
-				class="text-base text-fg-3 transition-colors hover:text-fg"
+				class="text-fg-3 transition-colors hover:text-fg"
 			>
 				<X class="h-4 w-4" />
 			</button>

web-player/src/lib/components/ui/Badge.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	interface Props {
-		tone?: 'neutral' | 'accent' | 'danger';
-		class?: string;
-		children: Snippet;
-	}
-
-	let { tone = 'neutral', class: klass = '', children }: Props = $props();
-
-	const tones = {
-		neutral: 'bg-surface-2 text-fg',
-		accent: 'bg-accent/20 text-accent',
-		danger: 'bg-danger/10 text-danger-fg'
-	};
-</script>
-
-<span
-	class="shrink-0 rounded-full px-2 py-0.5 text-sm leading-none font-semibold {tones[tone]} {klass}"
->
-	{@render children()}
-</span>

web-player/src/lib/components/ui/MediaCard.svelte

@@ -25,7 +25,7 @@
 	{oncontextmenu}
 >
 	{@render art(mediaCardArt)}
-	<div class="mt-2.5 truncate text-fg">{title}</div>
+	<div class="mt-2.5 truncate text-sm text-fg">{title}</div>
 	{#if subtitle}
 		<div class="mt-0.5 truncate text-xs text-fg-3">{subtitle}</div>
 	{/if}