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

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

apps/business/src/components/PortfolioCard.module.css

@@ -25,31 +25,28 @@
   cursor: pointer;
 }
 
-.clickable:hover .title {
+.clickable:hover .titleFa,
+.clickable:hover .titleEn {
   color: var(--primary);
 }
 
 .imageWrap {
   position: relative;
   width: 100%;
-  aspect-ratio: 3 / 2;
   overflow: hidden;
-  background: transparent;
+  background: rgba(148, 163, 184, 0.08);
   border-bottom: 1px solid rgba(148, 163, 184, 0.12);
 }
 
 .image {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
   display: block;
+  width: 100%;
+  height: auto;
 }
 
 .imagePlaceholder {
   width: 100%;
-  height: 100%;
+  aspect-ratio: 3 / 2;
   background: linear-gradient(
     135deg,
     rgba(148, 163, 184, 0.12) 0%,
@@ -65,11 +62,15 @@
   flex: 1;
 }
 
-.title {
+.titleFa {
+  margin: 0;
+  font-family: var(--font-fa), var(--font-en);
   font-size: 15px;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.4;
   color: var(--text-primary);
+  direction: rtl;
+  text-align: right;
   transition: color 0.2s;
   display: -webkit-box;
   -webkit-line-clamp: 2;
@@ -77,6 +78,20 @@
   overflow: hidden;
 }
 
+.titleEn {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.35;
+  color: var(--text-secondary);
+  text-align: left;
+  transition: color 0.2s;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
 .abstract {
   margin: 0;
   font-size: 13px;
@@ -88,6 +103,14 @@
   overflow: hidden;
 }
 
+.abstract[dir='rtl'] {
+  text-align: right;
+}
+
+.abstract[dir='ltr'] {
+  text-align: left;
+}
+
 .meta {
   margin: 0;
   font-size: 12px;