Share customer session cookies with the storefront and polish business settings.

Keep JWT login mirrored on the tenant cookie domain, improve e-payment settings UX, and add a storefront link from the customer sidebar.

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

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

@@ -57,6 +57,7 @@
   font-size: 13px;
   color: var(--text-secondary);
   margin-top: 4px;
+  text-align: start;
 }
 
 .modalHint {
@@ -122,14 +123,13 @@
   font-size: 14px;
   font-weight: 600;
   color: var(--text-primary);
+  text-align: start;
 }
 
 .listItemName:global(.faText),
 .listItemValues:global(.faText),
 .subtitle:global(.faText) {
   font-weight: 500;
-  text-align: left;
-  unicode-bidi: plaintext;
 }
 
 .listItemValues {
@@ -139,6 +139,7 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-align: start;
 }
 
 .listItemEnd {
@@ -146,7 +147,7 @@
   align-items: center;
   gap: 8px;
   flex-shrink: 0;
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 
 .listItemType {

apps/business/src/components/VariationsModal.tsx

@@ -124,8 +124,8 @@ export function VariationsModal({
               {categoryName && (
                 <p
                   className={[styles.subtitle, categoryLocale.className].filter(Boolean).join(' ')}
-                  lang={categoryLocale.lang}
-                  dir={categoryLocale.dir}
+                  lang={isFa ? 'fa' : categoryLocale.lang}
+                  dir={isFa ? 'rtl' : categoryLocale.dir}
                 >
                   {categoryName}
                 </p>
@@ -149,15 +149,15 @@ export function VariationsModal({
                   <div className={styles.listItemInfo}>
                     <div
                       className={[styles.listItemName, nameLocale.className].filter(Boolean).join(' ')}
-                      lang={nameLocale.lang}
-                      dir={nameLocale.dir}
+                      lang={isFa ? 'fa' : nameLocale.lang}
+                      dir={isFa ? 'rtl' : nameLocale.dir}
                     >
                       {title}
                     </div>
                     <div
                       className={[styles.listItemValues, valuesLocale.className].filter(Boolean).join(' ')}
-                      lang={valuesLocale.lang}
-                      dir={valuesLocale.dir}
+                      lang={isFa ? 'fa' : valuesLocale.lang}
+                      dir={isFa ? 'rtl' : valuesLocale.dir}
                     >
                       {valuesText}
                     </div>