refactor: Add useCopy()

The `useCopy()` hook is pretty simple, as it handle a state variable
(`copied`) and put it back to false after a `timeout`

Author: alex210501

client/src/lib/hooks/useCopy.ts

@@ -0,0 +1,29 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+type UseCopyProps = {
+  timeout?: number;
+};
+
+function useCopy({ timeout = 500 }: UseCopyProps = {}) {
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    let timeoutId: NodeJS.Timeout;
+    if (copied) {
+      timeoutId = setTimeout(() => {
+        setCopied(false);
+      }, timeout);
+    }
+    return () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [copied]);
+
+  return { copied, setCopied };
+}
+
+export default useCopy;