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/ProjectTasksSection.js

@@ -2,7 +2,7 @@
 
 import React, { useState, useEffect } from "react";
 import ProjectTaskForm from "./ProjectTaskForm";
-import TaskStatusDropdown from "./TaskStatusDropdown";
+import TaskStatusDropdownSimple from "./TaskStatusDropdownSimple";
 import { Card, CardHeader, CardContent } from "./ui/Card";
 import Button from "./ui/Button";
 import Badge from "./ui/Badge";
@@ -448,7 +448,7 @@ export default function ProjectTasksSection({ projectId }) {
 														: "Not started"}
 												</td>{" "}
 												<td className="px-4 py-4">
-													<TaskStatusDropdown
+													<TaskStatusDropdownSimple
 														task={task}
 														size="sm"
 														onStatusChange={handleStatusChange}