Add conditional rendering for edit link and remove style to hide it

Author: techniq

docs/src/routes/docs/+layout.svelte

@@ -201,16 +201,18 @@
 
 		{@render children()}
 
-		<div>
-			<a
-				href="https://github.com/techniq/layerchart/blob/main/docs{page.url.pathname}.md"
-				class="text-surface-content/50 hover:text-surface-content mb-4 mt-16 inline-flex items-center gap-1 text-sm"
-				target="_blank"
-			>
-				<LucideFilePen class="inline-block h-4 w-4" />
-				Edit this page
-			</a>
-		</div>
+		{#if !page.data.meta?.hideEditLink}
+			<div>
+				<a
+					href="https://github.com/techniq/layerchart/blob/main/docs{page.url.pathname}.md"
+					class="text-surface-content/50 hover:text-surface-content mb-4 mt-16 inline-flex items-center gap-1 text-sm"
+					target="_blank"
+				>
+					<LucideFilePen class="inline-block h-4 w-4" />
+					Edit this page
+				</a>
+			</div>
+		{/if}
 
 		<div class="flex gap-4">
 			<!-- {#if pageContent.prev}

docs/src/routes/docs/playground/+page.svelte

@@ -556,10 +556,3 @@
 		</Pane>
 	</PaneGroup>
 </div>
-
-<style>
-	/* Hide "Edit this page" */
-	:global(div:has(> a[href*='/github'])) {
-		display: none;
-	}
-</style>

docs/src/routes/docs/playground/+page.ts

@@ -2,7 +2,8 @@ export const load = async ({ data }) => {
 	return {
 		...data,
 		meta: {
-			fullWidth: true
+			fullWidth: true,
+			hideEditLink: true
 		}
 	};
 };