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); }}
+      />
     </>
   );
 }

src/renderer/components/projects/ProjectDetail.tsx

@@ -1,5 +1,5 @@
 import { Fragment, useMemo, useState } from 'react';
-import { Sparkles, FileText, CheckCircle2, Milestone, Plus, SquareDashed } from 'lucide-react';
+import { Sparkles, FileText, CheckCircle2, Milestone, Plus } from 'lucide-react';
 import { format } from 'date-fns';
 import { useNavigate } from '@tanstack/react-router';
 import { trpc } from '@/lib/trpc';
@@ -266,7 +266,7 @@ export function ProjectDetail({ projectId }: ProjectDetailProps) {
                 }
               >
                 <ItemMedia variant="icon">
-                  <SquareDashed />
+                  <FileText />
                 </ItemMedia>
                 <ItemContent>
                   <ItemTitle>{note.title}</ItemTitle>