feat(filters): add filters for the main page

spa/src/views/Products.vue

@@ -1,11 +1,17 @@
 <template>
-  <div ref="goodsRef">
+  <div ref="goodsRef" class="pb-10">
     <div class="px-5 fixed z-50 w-full opacity-90" style="bottom: var(--tg-safe-area-inset-bottom);">
       <div class="bg-base-300 flex justify-between p-2 rounded-xl shadow-md">
         <SearchInput/>
       </div>
     </div>
-    <ProductsList/>
+    <ProductsList
+        :products="productsStore.products.data"
+        :hasMore="productsStore.products.meta.hasMore"
+        :isLoading="productsStore.isLoading"
+        :isLoadingMore="productsStore.isLoadingMore"
+        @loadMore="productsStore.loadMore"
+    />
   </div>
 </template>
 
@@ -17,12 +23,17 @@ import {useRoute} from "vue-router";
 import {useProductsStore} from "@/stores/ProductsStore.js";
 import IconFunnel from "@/components/Icons/IconFunnel.vue";
 
+defineOptions({
+  name: 'Products'
+});
+
 const route = useRoute();
 const productsStore = useProductsStore();
 
 const categoryId = route.params.category_id ?? null;
 
 onMounted(async () => {
+  console.debug("Category Products Mounted");
   console.debug("Load products for category: ", categoryId);
 
   if (productsStore.filtersFullUrl === route.fullPath) {