feat(products): port missing variant fields from henza and redesign variant modal

apps/user-app-v2/src/api/client.ts

@@ -98,6 +98,11 @@ export interface ProductVariantSummary {
   /// can read them.
   qty?: number;
   isPreOrder?: boolean;
+  color?: number | null;
+  color_str?: string | null;
+  rial_pay?: number | null;
+  details?: string | null;
+  description?: string | null;
 }
 
 export interface CategorySummary {

apps/user-app-v2/src/components/product/SingleProduct.vue

@@ -184,6 +184,18 @@
                 <dt><Icon icon="vuesax-linear:diamonds" size="15" /> تنوع</dt>
                 <dd>{{ selectedVariant.title }}</dd>
               </div>
+              <div v-if="selectedVariant?.color_str" class="pd__spec">
+                <dt><Icon icon="vuesax-linear:color-swatch" size="15" /> رنگ</dt>
+                <dd>{{ selectedVariant.color_str }}</dd>
+              </div>
+              <div v-if="selectedVariant?.rial_pay" class="pd__spec">
+                <dt><Icon icon="vuesax-linear:coin" size="15" /> اجرت ریالی</dt>
+                <dd>{{ Number(selectedVariant.rial_pay).toLocaleString('fa-IR') }} ریال</dd>
+              </div>
+              <div v-if="selectedVariant?.details" class="pd__spec">
+                <dt><Icon icon="vuesax-linear:info-circle" size="15" /> جزئیات</dt>
+                <dd>{{ selectedVariant.details }}</dd>
+              </div>
               <div v-if="categoryTitle" class="pd__spec">
                 <dt><Icon icon="vuesax-linear:category" size="15" /> دسته‌بندی</dt>
                 <dd>{{ categoryTitle }}</dd>