fix: add client-side filtering for categories and products in listboxes

Author: eldomagan

resources/assets/editor/components/CategoryListbox.vue

@@ -9,7 +9,16 @@ const { channel, locale, getCategories } = useState();
 const model = defineModel<Category | null>();
 const search = ref('');
 
-const categories = computed(() => getCategories());
+const categories = computed(() => {
+  const allCategories = getCategories();
+  if (!search.value) {
+    return allCategories;
+  }
+  const searchLower = search.value.toLowerCase();
+  return allCategories.filter(category =>
+    category.name.toLowerCase().includes(searchLower)
+  );
+});
 
 const { isFetching, execute } = fetchCategories();
 

resources/assets/editor/components/ProductListbox.vue

@@ -9,7 +9,16 @@ const { channel, locale, getProducts } = useState();
 const model = defineModel<Product | null>();
 const search = ref('');
 
-const products = computed(() => getProducts());
+const products = computed(() => {
+  const allProducts = getProducts();
+  if (!search.value) {
+    return allProducts;
+  }
+  const searchLower = search.value.toLowerCase();
+  return allProducts.filter(product =>
+    product.name.toLowerCase().includes(searchLower)
+  );
+});
 
 const { isFetching, execute } = fetchProducts();