remove reduntand global player

src/routes/+layout.svelte

@@ -21,21 +21,15 @@
 		{@render children()}
 	</main>
 
-	<!-- Desktop sidebar column (in normal flow) -->
+	<!-- Desktop sidebar column (in normal flow).
-	<aside class="hidden lg:block">
+	     Reserve space in the grid, but render the player only once below. -->
-		<ClientOnly showFallback={false}>
+	<aside class="hidden lg:block"></aside>
-			{#snippet children()}
-				<GlobalPlayer />
-			{/snippet}
-		</ClientOnly>
-	</aside>
 </div>
 
-<!-- Mobile player (client-only, overlays via fixed positioning inside GlobalPlayer) -->
+<!-- Single GlobalPlayer instance (client-only).
-<div class="lg:hidden">
+     It renders either the desktop sidebar UI or the mobile bar/drawer internally. -->
 <ClientOnly showFallback={false}>
 	{#snippet children()}
 		<GlobalPlayer />
 	{/snippet}
 </ClientOnly>
-</div>