Add placeholder for empty comments

frontend/components/product/ProductComments.vue

@@ -98,7 +98,19 @@ const limitedComments = computed(() => {
                     :username="'منصور مرزبان'"
                 />
 
-                <div class="flex items-center justify-center w-full">
+                <div
+                    class="h-[400px] lg:flex-grow w-full border-[0.5px] flex-col-center border-slate-200 bg-white rounded-xl"
+                >
+                    <NuxtImg
+                        src="/img/heymlz/heymlz-contact-us.gif"
+                        class="w-[200px] lg:w-[300px] translate-y-[-25px]"
+                    />
+                    <span class="text-xl text-black font-semibold translate-y-[-25px]"> هیچ نظری ثبت نشده است </span>
+                </div>
+                <div
+                    v-if="comments!.count > 0"
+                    class="flex items-center justify-center w-full"
+                >
                     <Pagination
                         v-if="showMoreComments"
                         :total="comments!.count"