feat: add column stagger + card stagger + card hover/tap animations

src/components/board/BoardView.tsx

@@ -1,5 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import { Plus } from "lucide-react";
+import { motion } from "framer-motion";
+import { staggerContainer } from "@/lib/motion";
 import {
   DndContext,
   DragOverlay,
@@ -320,7 +322,13 @@ export function BoardView() {
         items={columnIds}
         strategy={horizontalListSortingStrategy}
       >
-        <div className="flex h-full overflow-x-auto" style={{ gap: `calc(1.5rem * var(--density-factor))`, padding: `calc(1.5rem * var(--density-factor))`, ...getBoardBackground(board) }}>
+        <motion.div
+          className="flex h-full overflow-x-auto"
+          style={{ gap: `calc(1.5rem * var(--density-factor))`, padding: `calc(1.5rem * var(--density-factor))`, ...getBoardBackground(board) }}
+          variants={staggerContainer(0.06)}
+          initial="hidden"
+          animate="visible"
+        >
           {board.columns.map((column) => (
             <KanbanColumn
               key={column.id}
@@ -375,7 +383,7 @@ export function BoardView() {
               </Button>
             )}
           </div>
-        </div>
+        </motion.div>
       </SortableContext>
 
       {/* Drag overlay - renders a styled copy of the dragged item */}