global player pt. 5 client only

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
 	import "./layout.css";
 	import favicon from "$lib/assets/favicon.svg";
 	import GlobalPlayer from "$lib/components/GlobalPlayer.svelte";
+	import ClientOnly from "$lib/components/util/ClientOnly.svelte";
 
 	let { children } = $props();
 </script>
@@ -10,4 +11,8 @@
 	><link rel="icon" href={favicon} /><title>AMQ Train</title></svelte:head
 >
 {@render children()}
-<GlobalPlayer />
+<ClientOnly showFallback={false}>
+	{#snippet children()}
+		<GlobalPlayer />
+	{/snippet}
+</ClientOnly>