add filters for all routes

frontend/src/pages/Products/index.tsx

@@ -8,7 +8,6 @@ import { ProductModal } from "@/components/Products/Modal";
 import { useCallback, useMemo } from "react";
 import { productCreateFromProductInputs, type Product, type ProductInputs } from "@/services/resources/products";
 import ProductsFilters from "@/components/Products/Filter";
-import { notifications } from "@mantine/notifications";
 
 export default function Products() {
     const [ searchParams, setSearchParams ] = useSearchParams();
@@ -49,11 +48,7 @@ export default function Products() {
     const handleCreateProduct = useCallback(async (product: ProductInputs) => {
         await createProductMutation.mutateAsync(productCreateFromProductInputs(product));
         closeModal();
-        notifications.show({
-            title: t("success", {capfirst: true}),
-            message: t("successfully created product", {capfirst: true}),
-        });
-    }, [createProductMutation]);
+    }, [createProductMutation, closeModal]);
 
     const handleEditProduct = useCallback(async (product: ProductInputs, id?: number) => {
         if (!id)
@@ -63,11 +58,7 @@ export default function Products() {
             product: productCreateFromProductInputs(product)
         });
         closeModal();
-        notifications.show({
-            title: t("success", {capfirst: true}),
-            message: t("successfully edited product", {capfirst: true}),
-        });
-    }, []);
+    }, [editProductMutation, closeModal]);
     
     const onFilterChange = useCallback((values: string[], filter: string) => {
         setSearchParams(prev => {
@@ -82,8 +73,17 @@ export default function Products() {
     }, [searchParams, setSearchParams])
 
     if (!products || isPending)
-        return <Loader/>
-
+        return (
+            <Group 
+                align="center"
+                justify="center"
+                h="80vh"
+                w="100%"
+            >
+                <Loader color="pink"/>
+            </Group>
+        );
+    
     return (
         <Stack>
             <Group justify="space-between">