Lots of changes

src/hooks/useDebounce.jsx

@@ -0,0 +1,14 @@
+import { useState, useEffect } from "react"
+
+export default function useDebounce(value, delay = 500) {
+    const [debouncedValue, setDebouncedValue] = useState(value)
+
+    useEffect(() => {
+        const timeout = setTimeout(() => {
+            setDebouncedValue(value)
+        }, delay)
+        return () => clearTimeout(timeout)
+    }, [value, delay])
+
+    return debouncedValue
+}