refac: playground

src/routes/(app)/playground/+page.svelte

@@ -0,0 +1,15 @@
+<script>
+	import { showSidebar } from '$lib/stores';
+
+	import Playground from '$lib/components/workspace/Playground.svelte';
+</script>
+
+<div
+	class=" flex flex-col w-full min-h-screen max-h-screen {$showSidebar
+		? 'md:max-w-[calc(100%-260px)]'
+		: ''}"
+>
+	<div class=" py-4 px-5 flex-1 max-h-full overflow-y-auto">
+		<Playground />
+	</div>
+</div>

src/routes/(app)/workspace/+layout.svelte

@@ -82,13 +82,6 @@
 			>
 				{$i18n.t('Functions')}
 			</a>
-
-			<a
-				class="min-w-fit rounded-lg p-1.5 px-3 {$page.url.pathname.includes('/workspace/playground')
-					? 'bg-gray-50 dark:bg-gray-850'
-					: ''} transition"
-				href="/workspace/playground">{$i18n.t('Playground')}</a
-			>
 		</div>
 	</div>
 

src/routes/(app)/workspace/playground/+page.svelte

@@ -1,5 +0,0 @@
-<script>
-	import Playground from '$lib/components/workspace/Playground.svelte';
-</script>
-
-<Playground />