fix(details): fix broken Svelte special elements inside code blocks

Side-effect of 6313480

Author: WarningImHack3r

src/lib/components/MarkdownRenderer.svelte

@@ -25,21 +25,13 @@
 	} & MdSnippets;
 
 	let {
-		markdown,
+		markdown: md,
 		inline = false,
 		parseRawHtml = false,
 		additionalPlugins = [],
 		class: className = undefined,
 		...snippets
 	}: Props = $props();
-
-	// Markdown renders <thing:*> as a link (yeah I didn't know either).
-	// We don't want that to break Svelte's special elements, so we escape this.
-	//
-	// Refs:
-	// - https://www.markdownguide.org/basic-syntax/#urls-and-email-addresses
-	// - https://svelte.dev/docs/svelte/svelte-boundary (and others)
-	let md = $derived(markdown.replace(/<(svelte:\S+)>/g, "&lt;$1&gt;"));
 </script>
 
 <svelte:element
@@ -99,7 +91,23 @@
 				...additionalPlugins
 			]}
 			{...snippets}
-		/>
+		>
+			{#snippet a({ children, ...rest })}
+				<!-- Markdown renders <thing:*> as a link (yeah I didn't know either). -->
+				<!-- We don't want that to break Svelte's special elements, so we escape them. -->
+				<!---->
+				<!-- Refs: -->
+				<!-- - https://www.markdownguide.org/basic-syntax/#urls-and-email-addresses -->
+				<!-- - https://svelte.dev/docs/svelte/svelte-boundary (and others) -->
+				{#if /svelte:\S+/.test(rest.href ?? "")}
+					&lt;{@render children?.()}&gt;
+				{:else if snippets.a}
+					{@render snippets.a({ children, ...rest })}
+				{:else}
+					<a {...rest}>{@render children?.()}</a>
+				{/if}
+			{/snippet}
+		</Markdown>
 	</svelte:boundary>
 </svelte:element>