add filters for all routes

frontend/src/pages/Users/index.tsx

@@ -44,7 +44,7 @@ export default function Users() {
     const handleCreateUser = useCallback(async (user: UserInputs) => {
             await createUserMutation.mutateAsync(user);
             closeModal();
-    }, [createUserMutation]);
+    }, [createUserMutation, closeModal]);
 
     const handleEditUser = useCallback(async (user: UserInputs, id?: number) => {
         if (!id)
@@ -54,7 +54,7 @@ export default function Users() {
                 user: user
             });
             closeModal();            
-    }, []);
+    }, [editUserMutation, closeModal]);
     
     const onFilterChange = useCallback((values: string[], filter: string) => {
         setSearchParams(prev => {
@@ -69,7 +69,16 @@ export default function Users() {
     }, [searchParams, setSearchParams])
 
     if (!users || isPending)
-        return <Loader/>
+        return (
+            <Group 
+                align="center"
+                justify="center"
+                h="80vh"
+                w="100%"
+            >
+                <Loader color="pink"/>
+            </Group>
+        );
 
     return (
         <Stack>