ui: reduce gap in layout

src/lib/components/player/PlayerDesktop.svelte

@@ -24,7 +24,7 @@
 	class="h-full flex flex-col border-l bg-background/50 backdrop-blur w-full"
 >
 	{#if player.currentTrack}
-		<div class="p-6 space-y-4 shrink-0">
+		<div class="p-4 space-y-4 shrink-0">
 			<!-- Track Info -->
 			<div class="space-y-1.5">
 				<h2 class="text-lg font-bold leading-tight">

src/routes/+layout.svelte

@@ -18,7 +18,7 @@
 	- Desktop: 2-column grid, right column reserved for the in-flow player sidebar
 -->
 <div
-	class="flex flex-col min-h-dvh not-lg:w-full not-xl:min-w-[80dvw] lg:grid lg:grid-rows-[auto_1fr] gap-16 lg:grid-cols-[1fr_420px]"
+	class="flex flex-col min-h-dvh not-lg:w-full not-xl:min-w-[80dvw] lg:grid lg:grid-rows-[auto_1fr] gap-4 lg:grid-cols-[1fr_420px]"
 >
 	<header
 		class="sticky top-0 z-40 border-b bg-background/80 backdrop-blur lg:col-span-2"