feat: Add NoteForm, ProjectForm, and ProjectTaskForm components

- Implemented NoteForm for adding notes to projects.
- Created ProjectForm for managing project details with contract selection.
- Developed ProjectTaskForm for adding tasks to projects, supporting both templates and custom tasks.

feat: Add ProjectTasksSection component

- Introduced ProjectTasksSection to display and manage tasks for a specific project.
- Includes functionality for adding, updating, and deleting tasks.

feat: Create TaskTemplateForm for managing task templates

- Added TaskTemplateForm for creating new task templates with required wait days.

feat: Implement UI components

- Created reusable UI components: Badge, Button, Card, Input, Loading, Navigation.
- Enhanced user experience with consistent styling and functionality.

feat: Set up database and queries

- Initialized SQLite database with tables for contracts, projects, tasks, project tasks, and notes.
- Implemented queries for managing contracts, projects, tasks, and notes.

chore: Add error handling and loading states

- Improved error handling in forms and data fetching.
- Added loading states for better user feedback during data operations.

src/app/tasks/templates/page.js

@@ -0,0 +1,115 @@
+import db from "@/lib/db";
+import Link from "next/link";
+import { Card, CardHeader, CardContent } from "@/components/ui/Card";
+import Button from "@/components/ui/Button";
+import Badge from "@/components/ui/Badge";
+
+export default function TaskTemplatesPage() {
+	const templates = db
+		.prepare(
+			`
+    SELECT * FROM tasks WHERE is_standard = 1 ORDER BY name ASC
+  `
+		)
+		.all();
+
+	return (
+		<div className="min-h-screen bg-gray-50">
+			<div className="max-w-6xl mx-auto p-6">
+				<div className="flex justify-between items-center mb-8">
+					<div>
+						<h1 className="text-3xl font-bold text-gray-900">Task Templates</h1>
+						<p className="text-gray-600 mt-1">Manage reusable task templates</p>
+					</div>
+					<Link href="/tasks/templates/new">
+						<Button variant="primary" size="lg">
+							<svg
+								className="w-5 h-5 mr-2"
+								fill="none"
+								stroke="currentColor"
+								viewBox="0 0 24 24"
+							>
+								<path
+									strokeLinecap="round"
+									strokeLinejoin="round"
+									strokeWidth={2}
+									d="M12 4v16m8-8H4"
+								/>
+							</svg>
+							New Template
+						</Button>
+					</Link>
+				</div>
+
+				{templates.length === 0 ? (
+					<Card>
+						<CardContent className="text-center py-12">
+							<div className="text-gray-400 mb-4">
+								<svg
+									className="w-16 h-16 mx-auto"
+									fill="currentColor"
+									viewBox="0 0 20 20"
+								>
+									<path
+										fillRule="evenodd"
+										d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm0 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V8zm0 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2z"
+										clipRule="evenodd"
+									/>
+								</svg>
+							</div>
+							<h3 className="text-lg font-medium text-gray-900 mb-2">
+								No task templates yet
+							</h3>
+							<p className="text-gray-500 mb-6">
+								Create reusable task templates to streamline your workflow
+							</p>
+							<Link href="/tasks/templates/new">
+								<Button variant="primary">Create First Template</Button>
+							</Link>
+						</CardContent>
+					</Card>
+				) : (
+					<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+						{templates.map((template) => (
+							<Card
+								key={template.task_id}
+								className="hover:shadow-md transition-shadow"
+							>
+								<CardContent className="p-6">
+									<div className="flex items-start justify-between mb-4">
+										<h3 className="text-lg font-semibold text-gray-900 truncate pr-2">
+											{template.name}
+										</h3>
+										<Badge variant="primary" size="sm">
+											{template.max_wait_days} days
+										</Badge>
+									</div>
+
+									{template.description && (
+										<p className="text-gray-600 text-sm mb-4 line-clamp-2">
+											{template.description}
+										</p>
+									)}
+
+									<div className="flex items-center justify-between">
+										<span className="text-xs text-gray-500">
+											Template ID: {template.task_id}
+										</span>
+										<div className="flex space-x-2">
+											<Button variant="outline" size="sm">
+												Edit
+											</Button>
+											<Button variant="secondary" size="sm">
+												Duplicate
+											</Button>
+										</div>
+									</div>
+								</CardContent>
+							</Card>
+						))}
+					</div>
+				)}
+			</div>
+		</div>
+	);
+}