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

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

apps/super-admin/src/components/ConfirmDeleteModal.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { createPortal } from 'react-dom'
 import { AlertTriangle, X } from 'lucide-react'
 import styles from './ConfirmDeleteModal.module.css'
 
@@ -41,13 +42,18 @@ export function ConfirmDeleteModal({
     const onKey = (e: KeyboardEvent) => {
       if (e.key === 'Escape') onCancel()
     }
+    const prevOverflow = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
     document.addEventListener('keydown', onKey)
-    return () => document.removeEventListener('keydown', onKey)
+    return () => {
+      document.body.style.overflow = prevOverflow
+      document.removeEventListener('keydown', onKey)
+    }
   }, [mounted, closing, onCancel])
 
   if (!mounted) return null
 
-  return (
+  return createPortal(
     <div
       className={`${styles.overlay} ${closing ? styles.overlayOut : styles.overlayIn}`}
       onClick={onCancel}
@@ -81,6 +87,7 @@ export function ConfirmDeleteModal({
           <X size={18} />
         </button>
       </div>
-    </div>
+    </div>,
+    document.body,
   )
 }