quick fix

src/lib/cards/BigSocialCard/BigSocialCard.svelte

···
 	let { item }: ContentComponentProps = $props();
 
 	const platform = $derived(item.cardData.platform as string);
-
-	$inspect(platformsData[platform].svg)
 </script>
 
 <a

src/lib/cards/TextCard/EditingTextCard.svelte

···
 	let { item = $bindable<Item>() }: ContentComponentProps = $props();
 
 	let editor: Editor | null = $state(null);
-
-$inspect(textSizeClasses[item.cardData.textSize as number]);
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->

src/lib/cards/TextCard/TextCard.svelte

···
 	import { marked } from 'marked';
 	import type { ContentComponentProps } from '../types';
 	import { textAlignClasses, textSizeClasses, verticalAlignClasses } from '.';
+	import { cn } from '@foxui/core';
 
 	let { item }: ContentComponentProps = $props();
 
···
 </script>
 
 <div
-	class={[
+	class={cn(
 		'prose dark:prose-invert prose-neutral prose-sm prose-a:no-underline prose-a:text-accent-600 dark:prose-a:text-accent-400 accent:prose-a:text-accent-950 accent:prose-a:underline accent:prose-p:text-base-900 prose-p:first:mt-0 prose-p:last:mb-0 prose-headings:first:mt-0 prose-headings:last:mb-0 inline-flex h-full min-h-full w-full max-w-none overflow-y-scroll rounded-md p-3 text-lg',
 		textAlignClasses?.[item.cardData.textAlign as string],
 		verticalAlignClasses[item.cardData.verticalAlign as string],
 		textSizeClasses[(item.cardData.textSize ?? 0) as number]
-	]}
+	)}
 >
 	<span>{@html marked.parse(item.cardData.text ?? '', { renderer })}</span>
 </div>