add not found

Author: ingoau

src/routes/g/[id]/+page.svelte

@@ -1,8 +1,18 @@
 <script lang="ts">
 	import Play from '$lib/components/play.svelte';
 	import { page } from '$app/state';
+	import { preferencesStore } from '$lib/stores.js';
+	import { Button } from '$lib/components/ui/button/index.js';
 </script>
 
-{#key page.params.id}
-	<Play id={page.params.id} />
-{/key}
+{#if $preferencesStore.experimentalFeatures}
+	{#key page.params.id}
+		<Play id={page.params.id} />
+	{/key}
+{:else}
+	<div class="flex h-full flex-col items-center justify-center gap-3">
+		<span class="text-6xl">404</span>
+		<span class="text-3xl">Not Found</span>
+		<Button variant="outline" href="/">Go home</Button>
+	</div>
+{/if}