feat: UI/UX, add reset cache to admin

frontend/spa/src/components/MainPage/Blocks/ProductsCarouselBlock.vue

@@ -6,7 +6,7 @@
     :moreText="block.data.all_text"
   >
     <Swiper
-        class="select-none"
+        class="select-none block-products-carousel"
         :slides-per-view="block.data?.carousel?.slides_per_view || 2.5"
         :space-between="block.data?.carousel?.space_between || 20"
         :autoplay="block.data?.carousel?.autoplay || false"
@@ -14,16 +14,24 @@
         :lazy="true"
         @sliderMove="hapticScroll"
     >
-      <SwiperSlide v-for="product in block.data.products.data" :key="product.id">
-        <RouterLink
-            :to="{name: 'product.show', params: {id: product.id}}"
-            @click="slideClick(product)"
-        >
-          <div class="text-center">
-            <img :src="product.images[0].url" :alt="product.name" loading="lazy" class="product-image"/>
-            <PriceTitle :product="product"/>
-          </div>
-        </RouterLink>
+      <SwiperSlide
+          v-for="product in block.data.products.data"
+          :key="product.id"
+
+      >
+        <div class="will-change-transform active:scale-97 transition-transform">
+          <RouterLink
+              :to="{name: 'product.show', params: {id: product.id}}"
+              @click="slideClick(product)"
+
+          >
+            <div class="text-center">
+              <img :src="product.images[0].url" :alt="product.name" loading="lazy" class="product-image"/>
+              <PriceTitle :product="product"/>
+            </div>
+          </RouterLink>
+        </div>
+
       </SwiperSlide>
     </Swiper>
   </BaseBlock>
@@ -32,13 +40,11 @@
 <script setup>
 import {useYaMetrikaStore} from "@/stores/yaMetrikaStore.js";
 import {Swiper, SwiperSlide} from "swiper/vue";
-import ProductTitle from "@/components/ProductItem/ProductTitle.vue";
 import {useHapticScroll} from "@/composables/useHapticScroll.js";
-import Price from "@/components/ProductItem/Price.vue";
 import BaseBlock from "@/components/MainPage/Blocks/BaseBlock.vue";
 import PriceTitle from "@/components/ProductItem/PriceTitle.vue";
 
-const hapticScroll = useHapticScroll(20, 'selectionChanged');
+const hapticScroll = useHapticScroll();
 const yaMetrika = useYaMetrikaStore();
 
 const props = defineProps({