filter and layout improvements. added created at and modified at date/time stamps

src/components/TaskCard.tsx

@@ -1,7 +1,7 @@
 import { type Component, createMemo } from "solid-js";
-import { type Task, toggleTask, calculateUrgencyFromDate, setActiveTaskId, store } from "@/store";
+import { type Task, toggleTask, calculateUrgencyFromDate, setActiveTaskId, store, copyTask } from "@/store";
 import { cn } from "@/lib/utils";
-import { CheckCircle2, Circle, Clock, ArrowUpCircle } from "lucide-solid";
+import { CheckCircle2, Circle, Clock, ArrowUpCircle, Copy } from "lucide-solid";
 import { Badge } from "@/components/ui/badge";
 import { For } from "solid-js";
 
@@ -89,9 +89,16 @@ export const TaskCard: Component<{ task: Task }> = (props) => {
                 </div>
             </div>
 
-            <div class="ml-2 sm:ml-4 opacity-0 group-hover:opacity-100 transition-opacity shrink-0">
-                <button class="p-1.5 hover:bg-muted rounded-full transition-colors">
-                    <div class="w-1 h-1 bg-muted-foreground rounded-full" />
+            <div class="ml-2 sm:ml-4 opacity-100 sm:opacity-0 group-hover:opacity-100 transition-opacity shrink-0">
+                <button
+                    class="p-1.5 hover:bg-muted rounded-full transition-colors text-muted-foreground hover:text-primary"
+                    onClick={(e) => {
+                        e.stopPropagation();
+                        copyTask(props.task.id);
+                    }}
+                    title="Duplicate Task"
+                >
+                    <Copy size={16} />
                 </button>
             </div>
         </div>