feat: enhance Kanban functionality and update TODO.md

- Completed the creation and validation forms for tasks in the Kanban board, improving task management capabilities.
- Integrated new task creation and deletion functionalities in the `KanbanBoard` and `KanbanColumn` components.
- Added quick task addition feature in `Column` component for better user experience.
- Updated `TaskCard` to support task deletion with a new button.
- Marked several tasks as completed in `TODO.md` to reflect the progress on Kanban features.
- Updated TypeScript types to include 'manual' as a new task source.

components/kanban/Column.tsx

@@ -1,16 +1,22 @@
 import { Task, TaskStatus } from '@/lib/types';
 import { TaskCard } from './TaskCard';
+import { QuickAddTask } from './QuickAddTask';
 import { Card, CardHeader, CardContent } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
+import { CreateTaskData } from '@/clients/tasks-client';
+import { useState } from 'react';
 
 interface KanbanColumnProps {
   id: TaskStatus;
   title: string;
   color: string;
   tasks: Task[];
+  onCreateTask?: (data: CreateTaskData) => Promise<void>;
+  onDeleteTask?: (taskId: string) => Promise<void>;
 }
 
-export function KanbanColumn({ id, title, color, tasks }: KanbanColumnProps) {
+export function KanbanColumn({ id, title, color, tasks, onCreateTask, onDeleteTask }: KanbanColumnProps) {
+  const [showQuickAdd, setShowQuickAdd] = useState(false);
   // Couleurs tech/cyberpunk
   const techStyles = {
     gray: {
@@ -62,15 +68,38 @@ export function KanbanColumn({ id, title, color, tasks }: KanbanColumnProps) {
                 {title}
               </h3>
             </div>
-            <Badge variant={badgeVariant} size="sm">
-              {String(tasks.length).padStart(2, '0')}
-            </Badge>
+            <div className="flex items-center gap-2">
+              <Badge variant={badgeVariant} size="sm">
+                {String(tasks.length).padStart(2, '0')}
+              </Badge>
+              {onCreateTask && (
+                <button
+                  onClick={() => setShowQuickAdd(true)}
+                  className={`w-5 h-5 rounded-full border border-dashed ${style.border} ${style.accent} hover:bg-slate-800/50 transition-colors flex items-center justify-center text-xs font-mono`}
+                  title="Ajouter une tâche rapide"
+                >
+                  +
+                </button>
+              )}
+            </div>
           </div>
         </CardHeader>
 
         <CardContent className="flex-1 p-4 h-[calc(100vh-220px)] overflow-y-auto">
           <div className="space-y-3">
-            {tasks.length === 0 ? (
+            {/* Quick Add Task */}
+            {showQuickAdd && onCreateTask && (
+              <QuickAddTask
+                status={id}
+                onSubmit={async (data) => {
+                  await onCreateTask(data);
+                  // Ne pas fermer automatiquement pour permettre la création en série
+                }}
+                onCancel={() => setShowQuickAdd(false)}
+              />
+            )}
+            
+            {tasks.length === 0 && !showQuickAdd ? (
               <div className="text-center py-20">
                 <div className={`w-16 h-16 mx-auto mb-4 rounded-full bg-slate-800 border-2 border-dashed ${style.border} flex items-center justify-center`}>
                   <span className={`text-2xl ${style.accent} opacity-50`}>{techIcons[id]}</span>
@@ -82,7 +111,7 @@ export function KanbanColumn({ id, title, color, tasks }: KanbanColumnProps) {
               </div>
             ) : (
               tasks.map((task) => (
-                <TaskCard key={task.id} task={task} />
+                <TaskCard key={task.id} task={task} onDelete={onDeleteTask} />
               ))
             )}
           </div>