Add likes, follows and playlist visibility; redesign web-player UI

Backend:
- New Likes feature (toggle/get liked tracks) and endpoints
- User follow/unfollow, listening stats, public user profile
- Playlist visibility (public/private) support
- Various auth and DTO/response adjustments to support the above

Frontend (web-player):
- New design system pass: theme tokens/mode (light/dark), glass menu,
  tabs bar, player dock/extras/queue components, mix tiles, artist link
- New routes: Liked, public user profile (/u/[id]), likes API proxy
- Search refactor: shared SearchBox component used by TopBar and
  MobileHeader (search now reachable on mobile), live results as you
  type instead of requiring Enter, dropped the "Buscando…" quick-result
  preview
- Removed now-unused components (MobileNav, CoverBadge, MixBentoTile,
  PlayPauseOverlay, SuggestionsTable, userDirectory)
- Design handoff reference docs added under web-player/design_handoff_musify_player
  and web-player/docs/design-system-refactor-plan.md

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

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

@@ -2,14 +2,17 @@
 	import type { Snippet } from 'svelte';
 	import Cover from './Cover.svelte';
 	import ExplicitBadge from './ExplicitBadge.svelte';
+	import ArtistLink from './ArtistLink.svelte';
 
 	interface Props {
 		trackId: string | number;
 		title: string;
 		artist?: string | null;
+		ownerUserId?: string | number | null;
 		coverSrc?: string | null;
 		coverSize?: string;
 		explicit?: boolean;
+		active?: boolean;
 		titleClass?: string;
 		onClick: () => void;
 		overlay?: Snippet;
@@ -20,17 +23,31 @@
 		trackId,
 		title,
 		artist,
+		ownerUserId,
 		coverSrc,
 		coverSize = 'h-[42px] w-[42px]',
 		explicit = false,
+		active = false,
 		titleClass = '',
 		onClick,
 		overlay,
 		badge
 	}: Props = $props();
+
+	function onKeydown(event: KeyboardEvent) {
+		if (event.key !== 'Enter' && event.key !== ' ') return;
+		event.preventDefault();
+		onClick();
+	}
 </script>
 
-<button type="button" onclick={onClick} class="flex min-w-0 items-center gap-3.5 text-left">
+<div
+	role="button"
+	tabindex="0"
+	onclick={onClick}
+	onkeydown={onKeydown}
+	class="flex min-w-0 items-center gap-3.5 text-left"
+>
 	<Cover
 		{trackId}
 		src={coverSrc}
@@ -45,11 +62,13 @@
 			{#if explicit}
 				<ExplicitBadge />
 			{/if}
-			<span class="min-w-0 truncate text-fg {titleClass}">{title}</span>
+			<span
+				class="min-w-0 truncate text-sm font-medium {active
+					? 'text-accent-soft'
+					: 'text-fg'} {titleClass}">{title}</span
+			>
 			{@render badge?.()}
 		</div>
-		{#if artist}
-			<div class="truncate text-left text-sm text-fg-3">{artist}</div>
-		{/if}
+		<ArtistLink name={artist} {ownerUserId} class="mt-0.5 text-[12.5px] text-fg-3" />
 	</div>
-</button>
+</div>