feat: update task user stories and enhance task dialogs with timezone support

src/renderer/components/projects/KanbanBoard.tsx

@@ -5,6 +5,7 @@ import { Badge } from '@/components/ui/badge';
 import { TaskRow, type TaskItem } from '@/components/tasks/TaskRow';
 import { NewTaskDialog } from '@/components/tasks/NewTaskDialog';
 import { EditTaskDialog } from '@/components/tasks/EditTaskDialog';
+import { TaskDetailDialog } from '@/components/tasks/TaskDetailDialog';
 
 const COLUMNS = [
   { id: 'todo', label: 'To Do' },
@@ -32,8 +33,9 @@ export function KanbanBoard({ projectId, newTaskOpen, onNewTaskOpenChange }: Kan
     onSuccess: () => void utils.tasks.list.invalidate(),
   });
 
-  // Edit task dialog state
+  // Edit / view task dialog state
   const [editTask, setEditTask] = useState<TaskItem | null>(null);
+  const [viewTask, setViewTask] = useState<TaskItem | null>(null);
 
   // Group tasks by status
   const columns = useMemo(() => {
@@ -119,6 +121,7 @@ export function KanbanBoard({ projectId, newTaskOpen, onNewTaskOpenChange }: Kan
                               onToggle={handleToggle}
                               onEdit={setEditTask}
                               onDelete={(id) => deleteTask.mutate({ id })}
+                              onClick={setViewTask}
                               hideBreadcrumb
                             />
                           </div>
@@ -144,6 +147,13 @@ export function KanbanBoard({ projectId, newTaskOpen, onNewTaskOpenChange }: Kan
         open={!!editTask}
         onOpenChange={(open) => { if (!open) setEditTask(null); }}
       />
+      <TaskDetailDialog
+        task={viewTask}
+        open={!!viewTask}
+        onOpenChange={(open) => { if (!open) setViewTask(null); }}
+        onEdit={(task) => { setViewTask(null); setEditTask(task); }}
+        onDelete={(id) => { deleteTask.mutate({ id }); setViewTask(null); }}
+      />
     </>
   );
 }