improvement: sorts and filters updated for tasks feature.

frontend/src/styles/globals.css

@@ -309,4 +309,29 @@ select option {
 .lucide {
   color: var(--color-icon);
   stroke: currentColor;
+}
+
+@keyframes task-row-complete-exit {
+  0% {
+    opacity: 1;
+    transform: translateX(0);
+    max-height: 9rem;
+  }
+  40% {
+    opacity: 1;
+    transform: translateX(0);
+    background-color: color-mix(in srgb, var(--color-badge-success-bg) 75%, transparent);
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(0.75rem);
+    max-height: 0;
+    overflow: hidden;
+  }
+}
+
+.task-row-complete-exit {
+  animation: task-row-complete-exit 0.55s ease-in forwards;
+  pointer-events: none;
+  overflow: hidden;
 }