feat: Implement task notes functionality with CRUD operations and integrate into project tasks section

src/components/ProjectTaskForm.js

@@ -10,6 +10,7 @@ export default function ProjectTaskForm({ projectId, onTaskAdded }) {
 	const [selectedTemplate, setSelectedTemplate] = useState("");
 	const [customTaskName, setCustomTaskName] = useState("");
 	const [customMaxWaitDays, setCustomMaxWaitDays] = useState("");
+	const [customDescription, setCustomDescription] = useState("");
 	const [priority, setPriority] = useState("normal");
 	const [isSubmitting, setIsSubmitting] = useState(false);
 
@@ -40,6 +41,7 @@ export default function ProjectTaskForm({ projectId, onTaskAdded }) {
 			} else {
 				requestData.custom_task_name = customTaskName.trim();
 				requestData.custom_max_wait_days = parseInt(customMaxWaitDays) || 0;
+				requestData.custom_description = customDescription.trim();
 			}
 
 			const res = await fetch("/api/project-tasks", {
@@ -47,12 +49,12 @@ export default function ProjectTaskForm({ projectId, onTaskAdded }) {
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify(requestData),
 			});
-
 			if (res.ok) {
 				// Reset form
 				setSelectedTemplate("");
 				setCustomTaskName("");
 				setCustomMaxWaitDays("");
+				setCustomDescription("");
 				setPriority("normal");
 				if (onTaskAdded) onTaskAdded();
 			} else {
@@ -141,6 +143,18 @@ export default function ProjectTaskForm({ projectId, onTaskAdded }) {
 							min="0"
 						/>
 					</div>
+					<div>
+						<label className="block text-sm font-medium text-gray-700 mb-2">
+							Description
+						</label>
+						<textarea
+							value={customDescription}
+							onChange={(e) => setCustomDescription(e.target.value)}
+							className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+							placeholder="Enter task description (optional)..."
+							rows={3}
+						/>
+					</div>
 				</div>
 			)}