combobox: improve compact item spacing & spinner centering

src/routes/+page.svelte

@@ -32,6 +32,11 @@
 	import type { ComboboxOption, Option } from '$lib';
 	import Tabs from '$lib/Tabs.svelte';
 
+	const comboboxOptions = [
+		{ value: 'option1', label: 'Option 1' },
+		{ value: 'option2', label: 'Option 2' },
+		{ value: 'option3', label: 'Option 3', disabled: true }
+	];
 	let lazyOptions: ComboboxOption[] = $state([]);
 	let dateInputValue = $state<CalendarDate | undefined>(undefined);
 	let checkboxValue = $state<CheckboxState>('indeterminate');
@@ -126,11 +131,7 @@
 			name="example-combobox"
 			label="Select an option"
 			placeholder="Choose..."
-			options={[
-				{ value: 'option1', label: 'Option 1' },
-				{ value: 'option2', label: 'Option 2' },
-				{ value: 'option3', label: 'Option 3', disabled: true }
-			]}
+			options={comboboxOptions}
 			onchange={(e) => console.log('Selected:', e.value)}
 			onvalidate={(e) => console.log('Validation:', e.detail)}
 		/>
@@ -164,7 +165,13 @@
 				}, 2500);
 			}}
 		/>
-		<Combobox label="Compact combobox" placeholder="Choose..." options={[]} lazy compact />
+		<Combobox
+			label="Compact combobox"
+			placeholder="Choose..."
+			lazy
+			compact
+			options={comboboxOptions}
+		/>
 	</InputGroup>
 </div>