feat: Add simple dropdown components for project and task statuses

- Created ProjectStatusDropdownSimple component for managing project statuses with a simple dropdown interface.
- Updated ProjectTasksDashboard and ProjectTasksSection to use the new ProjectStatusDropdownSimple component.
- Refactored TaskStatusDropdown to simplify its structure and added debugging features.
- Introduced TaskStatusDropdownDebug for testing purposes with enhanced logging and debugging UI.
- Added TaskStatusDropdownSimple for task statuses, mirroring the functionality of the project status dropdown.
- Created comprehensive HTML test files for dropdown functionality validation.
- Added a batch script to clear Next.js cache and start the development server.

src/components/ProjectTasksDashboard.js

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { Card, CardHeader, CardContent } from "./ui/Card";
 import Button from "./ui/Button";
 import Badge from "./ui/Badge";
-import TaskStatusDropdown from "./TaskStatusDropdown";
+import TaskStatusDropdownSimple from "./TaskStatusDropdownSimple";
 import SearchBar from "./ui/SearchBar";
 import { Select } from "./ui/Input";
 import Link from "next/link";
@@ -255,9 +255,9 @@ export default function ProjectTasksDashboard() {
 						</h4>
 						<Badge variant={getPriorityVariant(task.priority)} size="sm">
 							{task.priority}
-						</Badge>
+						</Badge>{" "}
 						{showStatusBadge && (
-							<TaskStatusDropdown
+							<TaskStatusDropdownSimple
 								task={task}
 								size="sm"
 								onStatusChange={handleStatusChange}
@@ -307,7 +307,7 @@ export default function ProjectTasksDashboard() {
 						</Badge>
 					)}{" "}
 					{(task.status === "pending" || task.status === "in_progress") && (
-						<TaskStatusDropdown
+						<TaskStatusDropdownSimple
 							task={task}
 							size="sm"
 							onStatusChange={handleStatusChange}