fix all eslint errors

frontend/src/pages/Users/index.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, Group, Loader, ScrollArea, Stack, Table, Title, Tooltip } from "@mantine/core";
 import { t } from "@/config/i18n";
-import { createUser, editUser, getUser, getUsers } from "@/services/api";
+import { useCreateUser, useEditUser, useGetUser, useGetUsers } from "@/services/api";
 import { IconPlus } from "@tabler/icons-react";
 import UserRow from "@/components/Users/Row";
 import { useLocation, useNavigate, useSearchParams } from "react-router";
@@ -24,22 +24,22 @@ export default function Users() {
         return null
     }, [location, isEdit])
 
-    const closeModal = () => {
+    const closeModal = useCallback(() => {
         navigate(`/dashboard/users${searchParams ? `?${searchParams.toString()}` : ""}`);
-    };
+    }, [navigate, searchParams]);
 
-    const {data: users, isPending} = getUsers(searchParams);
-    const { data: currentUser } = getUser(Number(editId), { enabled: !!editId });
+    const {data: users, isPending} = useGetUsers(searchParams);
+    const { data: currentUser } = useGetUser(Number(editId), { enabled: !!editId });
     
-    const {data: allUsers } = getUsers();
+    const {data: allUsers } = useGetUsers();
 
     const names = useMemo(() => {
         return allUsers?.map((user: User) => (user.name))
             .filter((season, index, array) => array.indexOf(season) === index)
     }, [allUsers])
 
-    const createUserMutation = createUser();
-    const editUserMutation = editUser();
+    const createUserMutation = useCreateUser();
+    const editUserMutation = useEditUser();
 
     const handleCreateUser = useCallback(async (user: UserInputs) => {
             await createUserMutation.mutateAsync(user);
@@ -66,7 +66,7 @@ export default function Users() {
             });
             return params;
         });
-    }, [searchParams, setSearchParams])
+    }, [setSearchParams])
 
     if (!users || isPending)
         return (
@@ -95,11 +95,13 @@ export default function Users() {
                     </ActionIcon>
                 </Tooltip>
                 <UserModal
+                    key={`${currentUser?.id}_create`}
                     opened={isCreate} 
                     onClose={closeModal} 
                     handleSubmit={handleCreateUser}
                 />
                 <UserModal
+                    key={`${currentUser?.id}_edit`}
                     opened={isEdit}
                     onClose={closeModal}
                     currentUser={currentUser}