update tags and add description editor to add-task

src/components/TaskDetail.tsx

@@ -1,8 +1,8 @@
 import { type Component, createEffect, createSignal, For } from "solid-js";
 import { Sheet, SheetContent } from "@/components/ui/sheet";
-import { type Task, removeTask, restoreTask, updateTask } from "@/store";
+import { type Task, removeTask, restoreTask, updateTask, copyTask } from "@/store";
 import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select";
-import { ArrowUpCircle, Clock, Calendar, Type, Trash2 } from "lucide-solid";
+import { ArrowUpCircle, Clock, Calendar, Type, Trash2, Copy } from "lucide-solid";
 import { calculateDateFromUrgency, calculateUrgencyFromDate } from "@/store";
 import { Button } from "./ui/button";
 import { TagPicker } from "./TagPicker";
@@ -188,8 +188,20 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
                             />
                         </div>
 
-                        {/* Delete Button */}
+                        {/* Copy button */}
                         <div class="flex items-center gap-1 shrink-0 ml-auto">
+                            <Button
+                                variant="ghost"
+                                size="sm"
+                                class="h-8 w-8 px-0 hover:bg-muted/50 text-muted-foreground transition-colors"
+                                onClick={() => copyTask(props.task.id)}
+                            >
+                                <Copy size={16} />
+                            </Button>
+                        </div>
+
+                        {/* Delete Button */}
+                        <div class="flex items-center gap-1 shrink-0">
                             <Button
                                 variant="ghost"
                                 size="sm"