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

keep-notes/components/batch-organization-dialog.tsx

@@ -12,6 +12,7 @@ import {
 } from './ui/dialog'
 import { Checkbox } from './ui/checkbox'
 import { Wand2, Loader2, ChevronRight, CheckCircle2 } from 'lucide-react'
+import { getNotebookIcon } from '@/lib/notebook-icon'
 import { toast } from 'sonner'
 import { useLanguage } from '@/lib/i18n'
 import type { OrganizationPlan, NotebookOrganization } from '@/lib/ai/services'
@@ -164,7 +165,7 @@ export function BatchOrganizationDialog({
 
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
-      <DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
+      <DialogContent className="!max-w-5xl max-h-[85vh] overflow-y-auto !w-[95vw]">
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Wand2 className="h-5 w-5" />
@@ -238,7 +239,10 @@ export function BatchOrganizationDialog({
                             aria-label={t('ai.batchOrganization.selectAllIn', { notebook: notebook.notebookName })}
                           />
                           <div className="flex items-center gap-2">
-                            <span className="text-xl">{notebook.notebookIcon}</span>
+                            {(() => {
+                              const Icon = getNotebookIcon(notebook.notebookIcon)
+                              return <Icon className="h-5 w-5" />
+                            })()}
                             <span className="font-semibold">
                               {notebook.notebookName}
                             </span>