feat(02-02): add QuickCapture component and integrate main page

- QuickCapture fixed at bottom with type selector and submit button
- Uses enhance for progressive form enhancement
- Persists last used type via preferences store
- Clears form on successful submit
- Main page composes EntryList and QuickCapture
- Adequate bottom padding (pb-40) for capture bar clearance
- Sticky header with app title

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/lib/components/QuickCapture.svelte

@@ -0,0 +1,71 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import { preferences } from '$lib/stores/preferences.svelte';
+
+	let title = $state('');
+	let content = $state('');
+	let type = $state<'task' | 'thought'>('thought');
+
+	// Initialize from preferences (client-side only)
+	$effect(() => {
+		if (typeof window !== 'undefined') {
+			type = $preferences.lastEntryType;
+		}
+	});
+</script>
+
+<form
+	method="POST"
+	action="?/create"
+	use:enhance={() => {
+		return async ({ result, update }) => {
+			if (result.type === 'success') {
+				// Update preference
+				$preferences.lastEntryType = type;
+				// Clear form
+				title = '';
+				content = '';
+				// Let SvelteKit refresh data
+			}
+			await update();
+		};
+	}}
+	class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 shadow-lg safe-bottom"
+>
+	<div class="max-w-2xl mx-auto p-4">
+		<div class="flex flex-col gap-2">
+			<input
+				name="title"
+				bind:value={title}
+				placeholder="Title (optional)"
+				class="w-full px-3 py-2 border border-gray-200 rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+			/>
+			<div class="flex gap-2">
+				<textarea
+					name="content"
+					bind:value={content}
+					placeholder="What's on your mind?"
+					required
+					rows="1"
+					class="flex-1 px-3 py-2 border border-gray-200 rounded-lg text-base resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+				></textarea>
+				<div class="flex flex-col gap-1">
+					<select
+						name="type"
+						bind:value={type}
+						class="px-2 py-1 border border-gray-200 rounded text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
+					>
+						<option value="thought">Thought</option>
+						<option value="task">Task</option>
+					</select>
+					<button
+						type="submit"
+						class="px-4 py-2 bg-blue-600 text-white rounded-lg touch-target font-medium hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+					>
+						Add
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</form>