feat: add useDebounce hook

src/core/src/hooks/useDebounce/index.ts

@@ -0,0 +1,28 @@
+import { useEffect, useState } from "react";
+
+function useDebounce<T extends any[]>(delay: number, ...value: T): T {
+  // State and setters for debounced value
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(
+    () => {
+      // Update debounced value after delay
+      const handler = setTimeout(() => {
+        setDebouncedValue(value);
+      }, delay);
+
+      // Cancel the timeout if value changes (also on delay change or unmount)
+      // This is how we prevent debounced value from updating if value is changed ...
+      // .. within the delay period. Timeout gets cleared and restarted.
+      return () => {
+        clearTimeout(handler);
+      };
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delay, ...value], // Only re-call effect if value or delay changes
+  );
+
+  return debouncedValue;
+}
+
+export { useDebounce };