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

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

apps/business/src/components/StoreSpecialModal.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
 import { X } from 'lucide-react'
 import styles from './CategoryModal.module.css'
 
@@ -63,13 +64,18 @@ export function StoreSpecialModal({
     onSubmit(trimmed)
   }
 
-  return (
+  return createPortal(
     <div
-      className={styles.overlay}
+      className={`${styles.overlay} ${closing ? styles.overlayOut : styles.overlayIn}`}
       onClick={(e) => e.target === e.currentTarget && onClose()}
       role="presentation"
     >
-      <div className={styles.modal} role="dialog" aria-modal="true" aria-labelledby="special-modal-title">
+      <div
+        className={`${styles.modal} ${closing ? styles.modalOut : styles.modalIn}`}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="special-modal-title"
+      >
         <div className={styles.header}>
           <h2 id="special-modal-title" className={styles.title}>
             {title}
@@ -107,5 +113,7 @@ export function StoreSpecialModal({
         </form>
       </div>
     </div>
+  ,
+  document.body,
   )
 }