load in optimization and error correction

src/views/PriorityView.tsx

@@ -1,8 +1,8 @@
-import { type Component, For, createMemo, onMount } from "solid-js";
+import { type Component, For, createMemo } from "solid-js";
 import { store, getCombinedScore, matchesFilter } from "@/store";
 import { TaskCard } from "@/components/TaskCard";
 import { useDelayedSort } from "@/hooks/useDelayedSort";
-import autoAnimate from "@formkit/auto-animate";
+import { useTaskListAutoAnimate } from "@/hooks/useTaskListAutoAnimate";
 
 export const PriorityView: Component = () => {
     const sourceTasks = createMemo(() => store.tasks.filter(t => !t.deletedAt && matchesFilter(t)));
@@ -17,9 +17,7 @@ export const PriorityView: Component = () => {
     );
 
     let listRef: HTMLDivElement | undefined;
-    onMount(() => {
-        if (listRef) autoAnimate(listRef, { duration: 300, easing: 'ease-out' });
-    });
+    useTaskListAutoAnimate(() => listRef);
 
     return (
         <div class="space-y-6">