Improve product cards/pagination, Farsi locale fonts, and super-admin migrate UI.

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

apps/business/src/components/ImageLightbox.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
 import { ChevronLeft, ChevronRight, X } from 'lucide-react'
 import styles from './ImageLightbox.module.css'
 
@@ -59,7 +60,7 @@ export function ImageLightbox({
   const hasPrev = index > 0
   const hasNext = index < images.length - 1
 
-  return (
+  return createPortal(
     <div
       className={`${styles.overlay} ${open ? styles.overlayIn : styles.overlayOut}`}
       onClick={onClose}
@@ -118,5 +119,7 @@ export function ImageLightbox({
         </div>
       )}
     </div>
+  ,
+  document.body,
   )
 }