feat: ui improvements, show only active products, limit max page for infinity scroll

spa/src/components/CategoriesInline.vue

@@ -7,8 +7,12 @@
     Каталог
   </RouterLink>
 
-  <RouterLink v-for="category in categoriesStore.topCategories" class="btn btn-md" :to="{name: 'product.categories.show', params: {category_id: category.id}}">
-    {{ category.name }}
+  <RouterLink
+      v-for="category in categoriesStore.topCategories"
+      class="btn btn-md max-w-[12rem]"
+      :to="{name: 'product.categories.show', params: {category_id: category.id}}"
+  >
+    <span class="overflow-hidden text-ellipsis whitespace-nowrap">{{ category.name }}</span>
   </RouterLink>
 </div>
 </template>

spa/src/components/CategoriesList/CategoryItem.vue

@@ -11,7 +11,7 @@
       </div>
     </div>
 
-    <h3 class="ml-5 text-lg">{{ category.name }}</h3>
+    <h3 class="ml-5 text-lg line-clamp-2">{{ category.name }}</h3>
   </a>
 </template>
 
@@ -24,4 +24,4 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["onSelect"]);
-</script>
+</script>