Merge remote-tracking branch 'origin/main'

frontend/components/cart/delivery/AddressItem.vue

@@ -112,7 +112,9 @@ const handleDeleteAddress = (id: number) => {
             </div>
 
             <div class="flex items-center justify-end w-full lg:w-3/12">
-                <AddressModal :address="address" />
+                <ClientOnly>
+                    <AddressModal :address="address" />
+                </ClientOnly>
             </div>
         </div>
     </button>

frontend/components/global/product-detail/ProductsSlider.vue

@@ -33,7 +33,7 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="w-full flex flex-col gap-10 md:gap-[4rem]">
+    <section class="w-full flex flex-col gap-10 md:gap-[4rem] lg:container">
         <div class="w-full flex justify-between items-center max-lg:container">
             <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                 {{ title }}
@@ -91,11 +91,11 @@ const onSwiper = (swiper: SwiperClass) => {
                 :breakpoints="{
                     640: {
                         centeredSlides: true,
-                        slidesPerView: 2.5,
+                        slidesPerView: 3,
                     },
                     1024: {
                         centeredSlides: false,
-                        slidesPerView: 3,
+                        slidesPerView: 4,
                     },
                 }"
             >

frontend/components/profile/notifications/notification.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts"></script>
+
+<template>
+    <li
+        class="w-full rounded-xl border border-slate-200 bg-slate-50 p-4 flex items-center justify-between"
+    >
+        <div class="flex flex-col gap-2">
+            <div class="flex items-center gap-3">
+                <Icon name="bi:info-circle" size="20" />
+                <h3 class="typo-sub-h-lg font-semibold">تغییر وضعیت سفارش</h3>
+                |
+                <span class="typo-p-xs text-cyan-500 font-semibold">
+                    ۲۳ تیر
+                </span>
+            </div>
+            <p class="typo-p-sm text-slate-700 text-justify">
+                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
+                استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله
+                در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
+                نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
+                کتابهای زیادی در شصت.
+            </p>
+        </div>
+    </li>
+</template>
+
+<style scoped></style>