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/ProductDetailsTabs.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
 import { Check, Star, ThumbsUp, Trash2, XCircle } from 'lucide-react'
+import { useLocale } from '@meshkee/dashboard-ui'
 import { formatCommentDate } from '../data/productComments'
 import { ApiError } from '../lib/api'
 import {
@@ -38,6 +39,8 @@ function formatTechnicalValue(item: ProductTechnicalValue): string {
 }
 
 export function ProductDetailsTabs({ productId, commentCount }: ProductDetailsTabsProps) {
+  const { locale } = useLocale()
+  const dateLocale = locale === 'fa' ? 'fa' : 'en'
   const [activeTab, setActiveTab] = useState<DetailTab>('technical')
   const [technicalValues, setTechnicalValues] = useState<ProductTechnicalValue[]>([])
   const [technicalMessage, setTechnicalMessage] = useState('')
@@ -296,7 +299,9 @@ export function ProductDetailsTabs({ productId, commentCount }: ProductDetailsTa
                     <div className={styles.commentHeader}>
                       <div>
                         <div className={styles.author}>{comment.author}</div>
-                        <div className={styles.meta}>{formatCommentDate(comment.createdAt)}</div>
+                        <div className={styles.meta}>
+                          {formatCommentDate(comment.createdAt, dateLocale)}
+                        </div>
                       </div>
                       <span className={styles.likes}>
                         <ThumbsUp size={13} />
@@ -363,7 +368,9 @@ export function ProductDetailsTabs({ productId, commentCount }: ProductDetailsTa
                     <div className={styles.reviewHeader}>
                       <div>
                         <div className={styles.reviewTitle}>{review.authorName}</div>
-                        <div className={styles.meta}>{formatReviewDate(review.createdAt)}</div>
+                        <div className={styles.meta}>
+                          {formatReviewDate(review.createdAt, dateLocale)}
+                        </div>
                       </div>
                       <div className={styles.rating} aria-label={`Rating ${review.rate} out of 10`}>
                         <Star size={14} fill="currentColor" />