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

keep-notes/components/favorites-section.tsx

@@ -5,16 +5,19 @@ import { Note } from '@/lib/types'
 import { NoteCard } from './note-card'
 import { ChevronDown, ChevronUp, Pin } from 'lucide-react'
 import { useLanguage } from '@/lib/i18n'
+import { useCardSizeMode } from '@/hooks/use-card-size-mode'
 
 interface FavoritesSectionProps {
   pinnedNotes: Note[]
   onEdit?: (note: Note, readOnly?: boolean) => void
+  onSizeChange?: (noteId: string, size: 'small' | 'medium' | 'large') => void
   isLoading?: boolean
 }
 
-export function FavoritesSection({ pinnedNotes, onEdit, isLoading }: FavoritesSectionProps) {
+export function FavoritesSection({ pinnedNotes, onEdit, onSizeChange, isLoading }: FavoritesSectionProps) {
   const [isCollapsed, setIsCollapsed] = useState(false)
   const { t } = useLanguage()
+  const cardSizeMode = useCardSizeMode()
 
   if (isLoading) {
     return (
@@ -68,12 +71,16 @@ export function FavoritesSection({ pinnedNotes, onEdit, isLoading }: FavoritesSe
 
       {/* Collapsible Content */}
       {!isCollapsed && (
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div 
+          className={`favorites-grid ${cardSizeMode === 'uniform' ? 'favorites-columns' : 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6'}`}
+          data-card-size-mode={cardSizeMode}
+        >
           {pinnedNotes.map((note) => (
             <NoteCard
               key={note.id}
               note={note}
               onEdit={onEdit}
+              onSizeChange={(size) => onSizeChange?.(note.id, size)}
             />
           ))}
         </div>