load in optimization and error correction

src/components/TaskCard.tsx

@@ -1,5 +1,5 @@
 import { type Component, createMemo, For, Show } from "solid-js";
-import { type Task, calculateUrgencyFromDate, setActiveTaskId, store, copyTask, updateTask, currentTaskContext, now, getFavoriteTag } from "@/store";
+import { type Task, calculateUrgencyFromDate, setActiveTaskId, store, copyTask, updateTask, currentTaskContext, now, getFavoriteTag, isCurrentUserContextTag } from "@/store";
 import { cn } from "@/lib/utils";
 import { Clock, ArrowUpCircle, Copy, Users2, Star } from "lucide-solid";
 import { Badge } from "@/components/ui/badge";
@@ -36,10 +36,10 @@ export const TaskCard: Component<{ task: Task, isShaking?: boolean }> = (props)
         if (typeof ctx === 'object' && 'bucketId' in ctx) {
             const bucketContext = store.contexts.find(context => context.id === ctx.bucketId);
             const bucketTagName = buildShareTag(bucketContext?.displayName || ctx.name).toLowerCase();
-            return tags.filter(t => t.toLowerCase() !== bucketTagName && !t.endsWith("_favorite__"));
+            return tags.filter(t => t.toLowerCase() !== bucketTagName && !t.endsWith("_favorite__") && !isCurrentUserContextTag(t));
         }
 
-        return tags.filter(t => !t.endsWith("_favorite__"));
+        return tags.filter(t => !t.endsWith("_favorite__") && !isCurrentUserContextTag(t));
     });
 
     const isDueWithin12Hours = createMemo(() => {
@@ -59,13 +59,15 @@ export const TaskCard: Component<{ task: Task, isShaking?: boolean }> = (props)
         if (props.task.status !== 10) return null;
         return getRecurrenceProgress(props.task.recurrence, props.task.updated, now());
     });
+    const shouldQuickloadFade = createMemo(() => store.quickloadFadeTaskIds.includes(props.task.id));
 
     return (
         <div
             class={cn(
                 "group relative flex items-center p-3 sm:p-4 bg-card border border-border rounded-2xl transition-[background-color,border-color,box-shadow,opacity] duration-500 hover:duration-100 hover:shadow-xl hover:shadow-primary/5 hover:-translate-y-0.5 cursor-pointer w-full min-w-0 overflow-hidden",
                 props.task.completed && "opacity-60",
-                props.isShaking && "animate-task-shake bg-accent/20"
+                props.isShaking && "animate-task-shake bg-accent/20",
+                shouldQuickloadFade() && "animate-task-quickload-fade"
             )}
             onClick={() => setActiveTaskId(props.task.id)}
         >