Attempt to fix note resizing with React keys and Muuri sync

keep-notes/components/recent-notes-section.tsx

@@ -73,11 +73,11 @@ function CompactCard({
       {/* Subtle left accent - colored based on recency */}
       <div className={cn(
         "absolute left-0 top-0 bottom-0 w-1 rounded-l-xl",
-        isFirstNote 
-          ? "bg-gradient-to-b from-blue-500 to-indigo-500" 
+        isFirstNote
+          ? "bg-gradient-to-b from-primary to-primary/70"
           : index === 1
-          ? "bg-blue-400 dark:bg-blue-500"
-          : "bg-gray-300 dark:bg-gray-600"
+          ? "bg-primary/80 dark:bg-primary/70"
+          : "bg-muted dark:bg-muted/60"
       )} />
 
       {/* Content with left padding for accent line */}
@@ -105,7 +105,7 @@ function CompactCard({
           <div className="flex items-center gap-1.5">
             {/* Notebook indicator */}
             {note.notebookId && (
-              <div className="w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400" title="In notebook" />
+              <div className="w-1.5 h-1.5 rounded-full bg-primary dark:bg-primary/70" title="In notebook" />
             )}
             {/* Labels indicator */}
             {note.labels && note.labels.length > 0 && (