feat: update design for product and product cards

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

@@ -1,13 +1,13 @@
 <template>
   <section class="px-4">
-    <header class="flex justify-between items-center mb-4">
+    <header class="flex justify-between items-end mb-4">
       <div>
         <div v-if="title" class="font-bold uppercase">{{ title }}</div>
-        <div v-if="description" class="text-sm">{{ description }}</div>
+        <div v-if="description" class="text-sm text-base-content/50">{{ description }}</div>
       </div>
 
       <div v-if="moreLink">
-        <RouterLink :to="moreLink" class="btn btn-ghost btn-xs" @click="haptic.selectionChanged">
+        <RouterLink :to="moreLink" class="btn btn-soft btn-xs" @click="haptic.selectionChanged">
           {{ moreText || 'Смотреть всё' }}
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
             <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />

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

@@ -17,13 +17,12 @@
       <SwiperSlide
           v-for="product in block.data.products.data"
           :key="product.id"
-
+          class="radius-box bg-base-100 shadow-sm p-2"
       >
-        <div class="will-change-transform active:scale-97 transition-transform">
+        <div>
           <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"/>