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

spa/src/views/CategoriesList.vue

@@ -3,11 +3,11 @@
     <h2 class="text-3xl mb-5">Категории</h2>
 
     <button v-if="parentId" class="py-2 px-4 flex items-center mb-3 cursor-pointer" @click="goBack">
-      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 min-w-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
       </svg>
 
-      <span class="ml-2">Назад к "{{ parentCategory.name }}"</span>
+      <span class="ml-2 line-clamp-2">Назад к "{{ parentCategory.name }}"</span>
     </button>
 
     <button

spa/src/views/Products.vue

@@ -1,9 +1,11 @@
 <template>
   <div ref="goodsRef" class="safe-top">
+    <SearchInput/>
     <ProductsList/>
   </div>
 </template>
 
 <script setup>
 import ProductsList from "@/components/ProductsList.vue";
+import SearchInput from "@/components/SearchInput.vue";
 </script>