Fix Edra issues and spacing

src/lib/components/admin/EditorWithUpload.svelte

@@ -60,7 +60,11 @@
 		showToolbar = true,
 		placeholder = 'Type "/" for commands...',
 		onEditorReady
-	}: EdraProps & { showToolbar?: boolean; placeholder?: string; onEditorReady?: (editor: Editor) => void } = $props()
+	}: EdraProps & {
+		showToolbar?: boolean
+		placeholder?: string
+		onEditorReady?: (editor: Editor) => void
+	} = $props()
 
 	let element = $state<HTMLElement>()
 	let isLoading = $state(true)
@@ -355,7 +359,7 @@
 			placeholder
 		)
 		editor = newEditor
-		
+
 		// Notify parent component that editor is ready
 		if (onEditorReady) {
 			onEditorReady(newEditor)
@@ -748,6 +752,7 @@
 		flex: 1;
 		min-width: 0;
 		overflow-x: hidden;
+		overflow-y: hidden;
 		box-sizing: border-box;
 	}
 

src/lib/components/edra/headless/style.css

@@ -8,7 +8,7 @@
 	--edra-separator-color: currentColor; /* Default, can be customized */
 
 	/* Size and Spacing Variables */
-	--edra-gap: 0.25rem;
+	--edra-gap: 0.5rem;
 	--edra-border-radius: 0.5rem;
 	--edra-button-border-radius: 0.5rem;
 	--edra-padding: 0.5rem;
@@ -48,7 +48,7 @@
 	padding: 0 var(--edra-padding);
 	flex-grow: 1;
 	padding-left: 2rem;
-	overflow: auto;
+	overflow-y: hidden;
 	box-sizing: border-box;
 }