Polish category edit, product image placeholder, and menu blur.

Add a clear pencil edit on category rows, show a proper no-image placeholder on product cards, and strengthen overflow menu glass blur.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/components/CategoryRow.tsx

@@ -1,4 +1,4 @@
-import { FolderPlus, Layers, ListTree, Trash2, ChevronRight, ClipboardList } from 'lucide-react'
+import { FolderPlus, Layers, Trash2, ChevronRight, ClipboardList, Pencil } from 'lucide-react'
 import { useLocale } from '@meshkee/dashboard-ui'
 import type { Category } from '../types/category'
 import { useT } from '../i18n/useT'
@@ -16,7 +16,7 @@ interface CategoryRowProps {
   onAddSub: (id: string) => void
   onVariations: (id: string) => void
   onTechnicalForm: (id: string) => void
-  onOptions: (id: string) => void
+  onEdit: (id: string) => void
   onRemove: (id: string) => void
 }
 
@@ -31,7 +31,7 @@ export function CategoryRow({
   onAddSub,
   onVariations,
   onTechnicalForm,
-  onOptions,
+  onEdit,
   onRemove,
 }: CategoryRowProps) {
   const t = useT()
@@ -121,13 +121,13 @@ export function CategoryRow({
             )}
           </button>
         </Tooltip>
-        <Tooltip label={t('categories.tooltip.options')}>
+        <Tooltip label={t('categories.tooltip.edit')}>
           <button
             className={styles.controlBtn}
-            onClick={() => onOptions(category.id)}
-            aria-label={t('categories.tooltip.options')}
+            onClick={() => onEdit(category.id)}
+            aria-label={t('categories.tooltip.edit')}
           >
-            <ListTree size={17} />
+            <Pencil size={17} />
           </button>
         </Tooltip>
         <Tooltip label={t('categories.tooltip.remove')}>