feat: Implement user tracking in projects

- Added user tracking features to the projects module, including:
  - Database schema updates to track project creator and assignee.
  - API enhancements for user management and project filtering by user.
  - UI components for user assignment in project forms and listings.
  - New query functions for retrieving users and filtering projects.
  - Security integration with role-based access and authentication requirements.

chore: Create utility scripts for database checks and project testing

- Added scripts to check the structure of the projects table.
- Created tests for project creation and user tracking functionality.
- Implemented API tests to verify project retrieval and user assignment.

fix: Update project creation and update functions to include user tracking

- Modified createProject and updateProject functions to handle user IDs for creator and assignee.
- Ensured that project updates reflect the correct user assignments and timestamps.

src/app/projects/[id]/edit/page.js

@@ -1,17 +1,52 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useParams } from "next/navigation";
 import ProjectForm from "@/components/ProjectForm";
 import PageContainer from "@/components/ui/PageContainer";
 import PageHeader from "@/components/ui/PageHeader";
 import Button from "@/components/ui/Button";
 import Link from "next/link";
+import { LoadingState } from "@/components/ui/States";
 
-export default async function EditProjectPage({ params }) {
-	const { id } = await params;
-	const res = await fetch(`http://localhost:3000/api/projects/${id}`, {
-		cache: "no-store",
-	});
-	const project = await res.json();
+export default function EditProjectPage() {
+	const params = useParams();
+	const id = params.id;
+	const [project, setProject] = useState(null);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState(null);
 
-	if (!project) {
+	useEffect(() => {
+		const fetchProject = async () => {
+			try {
+				const res = await fetch(`/api/projects/${id}`);
+				if (res.ok) {
+					const projectData = await res.json();
+					setProject(projectData);
+				} else {
+					setError("Project not found");
+				}
+			} catch (err) {
+				setError("Failed to load project");
+			} finally {
+				setLoading(false);
+			}
+		};
+
+		if (id) {
+			fetchProject();
+		}
+	}, [id]);
+
+	if (loading) {
+		return (
+			<PageContainer>
+				<LoadingState />
+			</PageContainer>
+		);
+	}
+
+	if (error || !project) {
 		return (
 			<PageContainer>
 				<div className="text-center py-12">

src/app/projects/page.js

@@ -195,7 +195,13 @@ export default function ProjectListPage() {
 								</th>
 								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-24">
 									Status
-								</th>{" "}
+								</th>
+								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-24">
+									Created By
+								</th>
+								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-24">
+									Assigned To
+								</th>
 								<th className="text-left px-2 py-3 font-semibold text-xs text-gray-700 w-20">
 									Actions
 								</th>
@@ -275,6 +281,18 @@ export default function ProjectListPage() {
 											? "Zakończony"
 											: "-"}
 									</td>
+									<td
+										className="px-2 py-3 text-xs text-gray-600 truncate"
+										title={project.created_by_name || "Unknown"}
+									>
+										{project.created_by_name || "Unknown"}
+									</td>
+									<td
+										className="px-2 py-3 text-xs text-gray-600 truncate"
+										title={project.assigned_to_name || "Unassigned"}
+									>
+										{project.assigned_to_name || "Unassigned"}
+									</td>
 									<td className="px-2 py-3">
 										<Link href={`/projects/${project.project_id}`}>
 											<Button