Fix product discount problem

frontend/components/global/ProductsGrid.vue

@@ -47,9 +47,10 @@ withDefaults(defineProps<Props>(), {
                     :title="product.name"
                     :picture="product.image ?? product.variants[0].images[0].image"
                     :colors="product.colors"
-                    :price="product.variants[0].price"
+                    :price="product.variants[0].price_after_discount ?? product.variants[0].price"
                     :rate="product.rating"
                     :dark-layer="true"
+                    :tag="`${product.variants[0].discount}% تخفیف`"
                 />
             </li>
         </ul>

frontend/components/global/Tag.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="text-white flex items-center justify-center rounded-full px-4 py-2 bg-danger-600 typo-sub-h-sm">
+    <div class="text-white flex items-center justify-center rounded-full px-3 lg:px-4 py-2 bg-danger-600 typo-sub-h-xs lg:typo-sub-h-sm">
         <slot />
     </div>
 </template>