feat(01-02): add data directory, server hooks, and verification page

- Create data/ directory with attachments/ subdirectory and .gitkeep files
- Update .gitignore to track .gitkeep but ignore database files
- Server hooks initialize database on first request
- Page server load fetches entries and creates test entry if none exist
- Verification page shows database status, entry count, and recent entries

src/routes/+page.svelte

@@ -1,2 +1,46 @@
-<h1 class="text-2xl font-bold text-blue-600">TaskPlanner</h1>
-<p class="text-gray-600">Foundation setup complete.</p>
+<script lang="ts">
+	let { data } = $props();
+</script>
+
+<main class="min-h-screen bg-gray-50 p-8">
+	<div class="max-w-2xl mx-auto">
+		<h1 class="text-3xl font-bold text-gray-900 mb-2">TaskPlanner</h1>
+		<p class="text-gray-600 mb-8">Foundation Phase Complete</p>
+
+		<div class="bg-white rounded-lg shadow p-6 mb-6">
+			<h2 class="text-lg font-semibold text-gray-800 mb-4">System Status</h2>
+
+			<div class="space-y-3">
+				<div class="flex items-center gap-2">
+					<span class="w-3 h-3 rounded-full bg-green-500"></span>
+					<span class="text-gray-700">Database: {data.dbStatus}</span>
+				</div>
+				<div class="flex items-center gap-2">
+					<span class="w-3 h-3 rounded-full bg-green-500"></span>
+					<span class="text-gray-700">Entries in database: {data.entryCount}</span>
+				</div>
+				<div class="flex items-center gap-2">
+					<span class="w-3 h-3 rounded-full bg-green-500"></span>
+					<span class="text-gray-700">Repository layer: operational</span>
+				</div>
+			</div>
+		</div>
+
+		{#if data.recentEntries.length > 0}
+			<div class="bg-white rounded-lg shadow p-6">
+				<h2 class="text-lg font-semibold text-gray-800 mb-4">Recent Entries</h2>
+				<ul class="space-y-2">
+					{#each data.recentEntries as entry}
+						<li class="p-3 bg-gray-50 rounded">
+							<div class="font-medium text-gray-900">{entry.title || '(no title)'}</div>
+							<div class="text-sm text-gray-600">{entry.content}</div>
+							<div class="text-xs text-gray-400 mt-1">
+								Type: {entry.type} | Created: {new Date(entry.createdAt).toLocaleString()}
+							</div>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/if}
+	</div>
+</main>