component designer search and user search

src/pages/user/hooks/useUserSearch.ts

@@ -0,0 +1,15 @@
+import { useQuery } from "@tanstack/react-query";
+import { searchUsers } from "../service/UserService";
+import type { UserType } from "../types/Types";
+
+export const useUserSearch = (debouncedSearch: string) => {
+  const { data, isFetching } = useQuery({
+    queryKey: ["users", "search", debouncedSearch],
+    queryFn: () => searchUsers(debouncedSearch),
+    enabled: debouncedSearch.length > 0,
+  });
+
+  const users = (data?.data ?? []) as UserType[];
+
+  return { users, isFetching };
+};