refactor(ux): consolidate BMAD skills, update design system, and clean up Prisma generated client

keep-notes/components/notebooks-list.tsx

@@ -4,7 +4,7 @@ import { useState, useCallback } from 'react'
 import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { cn } from '@/lib/utils'
-import { StickyNote, Plus, Tag, Folder, Briefcase, FileText, Zap, BarChart3, Globe, Sparkles, Book, Heart, Crown, Music, Building2, LucideIcon, Plane, ChevronDown, ChevronRight } from 'lucide-react'
+import { StickyNote, Plus, Tag, Folder, ChevronDown, ChevronRight } from 'lucide-react'
 import { useNotebooks } from '@/context/notebooks-context'
 import { useNotebookDrag } from '@/context/notebook-drag-context'
 import { Button } from '@/components/ui/button'
@@ -17,28 +17,7 @@ import { useLanguage } from '@/lib/i18n'
 import { useLabels } from '@/context/LabelContext'
 import { LabelManagementDialog } from '@/components/label-management-dialog'
 import { Notebook } from '@/lib/types'
-
-// Map icon names to lucide-react components
-const ICON_MAP: Record<string, LucideIcon> = {
-  'folder': Folder,
-  'briefcase': Briefcase,
-  'document': FileText,
-  'lightning': Zap,
-  'chart': BarChart3,
-  'globe': Globe,
-  'sparkle': Sparkles,
-  'book': Book,
-  'heart': Heart,
-  'crown': Crown,
-  'music': Music,
-  'building': Building2,
-  'flight_takeoff': Plane,
-}
-
-// Function to get icon component by name
-const getNotebookIcon = (iconName: string) => {
-  return ICON_MAP[iconName] || Folder
-}
+import { getNotebookIcon } from '@/lib/notebook-icon'
 
 export function NotebooksList() {
   const pathname = usePathname()