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/components/ContractForm.js

@@ -0,0 +1,74 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+
+export default function ContractForm() {
+	const [form, setForm] = useState({
+		contract_number: "",
+		contract_name: "",
+		customer_contract_number: "",
+		customer: "",
+		investor: "",
+		date_signed: "",
+		finish_date: "",
+	});
+
+	const router = useRouter();
+
+	function handleChange(e) {
+		setForm({ ...form, [e.target.name]: e.target.value });
+	}
+
+	async function handleSubmit(e) {
+		e.preventDefault();
+
+		console.log("Submitting form:", form);
+
+		const res = await fetch("/api/contracts", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(form),
+		});
+
+		if (res.ok) {
+			router.push("/projects"); // or /contracts if you plan a listing
+		} else {
+			alert(
+				"Wystąpił błąd podczas dodawania umowy. Sprawdź dane i spróbuj ponownie."
+			);
+		}
+	}
+
+	return (
+		<form onSubmit={handleSubmit} className="space-y-4">
+			{[
+				["contract_number", "Numer Umowy"],
+				["contract_name", "Nazwa Umowy"],
+				["customer_contract_number", "Numer Umowy (Klienta)"],
+				["customer", "Zleceniodawca"],
+				["investor", "Inwestor"],
+				["date_signed", "Data zawarcia"],
+				["finish_date", "Data zakończenia"],
+			].map(([name, label]) => (
+				<div key={name}>
+					<label className="block font-medium">{label}</label>
+					<input
+						type={name.includes("date") ? "date" : "text"}
+						name={name}
+						value={form[name] || ""}
+						onChange={handleChange}
+						className="border p-2 w-full"
+					/>
+				</div>
+			))}
+
+			<button
+				type="submit"
+				className="bg-blue-600 text-white px-4 py-2 rounded"
+			>
+				Dodaj umowę
+			</button>
+		</form>
+	);
+}