Polish business FA layout and wire special-group keys plus SSL sync.

RTL carousels/FABs, special key+title fields, slider gallery fixes, and dashboard SSL sync agent for super-admin.

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

apps/business/src/components/BrandRow.tsx

@@ -1,5 +1,7 @@
 import { Pencil, Trash2 } from 'lucide-react'
+import { useLocale } from '@meshkee/dashboard-ui'
 import type { Brand } from '../types/brand'
+import { useT } from '../i18n/useT'
 import { Tooltip } from './Tooltip'
 import rowStyles from './CategoryRow.module.css'
 import styles from './BrandRow.module.css'
@@ -11,6 +13,12 @@ interface BrandRowProps {
 }
 
 export function BrandRow({ brand, onEdit, onRemove }: BrandRowProps) {
+  const t = useT()
+  const { locale } = useLocale()
+  const isFa = locale === 'fa'
+  const primaryName = isFa ? brand.nameFa || brand.nameEn : brand.nameEn
+  const secondaryName = isFa ? (brand.nameFa ? brand.nameEn : '') : brand.nameFa
+
   return (
     <div className={rowStyles.row}>
       <div className={styles.info}>
@@ -19,33 +27,33 @@ export function BrandRow({ brand, onEdit, onRemove }: BrandRowProps) {
         )}
         <div className={rowStyles.textBlock}>
           <div className={rowStyles.names}>
-            <span className={rowStyles.nameEn}>{brand.nameEn}</span>
-            {brand.nameFa && (
+            <span className={isFa ? rowStyles.nameFa : rowStyles.nameEn}>{primaryName}</span>
+            {secondaryName ? (
               <>
                 <span className={rowStyles.separator}>·</span>
-                <span className={rowStyles.nameFa}>{brand.nameFa}</span>
+                <span className={isFa ? rowStyles.nameEn : rowStyles.nameFa}>{secondaryName}</span>
               </>
-            )}
+            ) : null}
           </div>
           {brand.about && <p className={rowStyles.description}>{brand.about}</p>}
         </div>
       </div>
 
       <div className={rowStyles.controls}>
-        <Tooltip label="Edit brand">
+        <Tooltip label={t('brands.tooltip.edit')}>
           <button
             className={rowStyles.controlBtn}
             onClick={() => onEdit(brand.id)}
-            aria-label="Edit brand"
+            aria-label={t('brands.tooltip.edit')}
           >
             <Pencil size={17} />
           </button>
         </Tooltip>
-        <Tooltip label="Remove brand">
+        <Tooltip label={t('brands.tooltip.remove')}>
           <button
             className={`${rowStyles.controlBtn} ${rowStyles.danger}`}
             onClick={() => onRemove(brand.id)}
-            aria-label="Remove brand"
+            aria-label={t('brands.tooltip.remove')}
           >
             <Trash2 size={17} />
           </button>