feat(frontend): implement task CRUD functionality

- Create TaskItem component with checkbox, meta info, tags
- Create TaskList component with loading/empty states
- Update home page with task list and filter toggle (pending/completed)
- Add new task form with description, project, priority, due date, tags
- Add task detail placeholder page
- Implement task toggle (complete/uncomplete)
- Add filter bar to switch between pending and completed tasks
- Support for optimistic UI updates and offline queueing
- Visual indicators for priority, due dates, overdue tasks
- Mobile-optimized list items with proper touch targets

opal-web/src/routes/tasks/[uuid]/+page.svelte

@@ -0,0 +1,26 @@
+<script>
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+	
+	$: uuid = $page.params.uuid;
+</script>
+
+<div class="page">
+	<div class="container">
+		<h1>Task Detail</h1>
+		<p class="text-secondary">UUID: {uuid}</p>
+		<p class="text-secondary mb-lg">Task detail view coming in next iteration...</p>
+		<a href="/" class="btn-link">← Back to tasks</a>
+	</div>
+</div>
+
+<style>
+	.btn-link {
+		display: inline-block;
+		padding: 0.75rem 1.5rem;
+		background-color: var(--color-primary);
+		color: white;
+		border-radius: var(--border-radius);
+		text-decoration: none;
+	}
+</style>