feat: add search menu to all resources

lib/hooks/useDebouncedCallback.ts

@@ -0,0 +1,24 @@
+// useDebouncedCallback.tsx
+import { useEffect, useState } from "preact/hooks";
+
+const useDebouncedCallback = (
+  callback: (...args: any[]) => void,
+  delay: number,
+) => {
+  const [debouncedCallback, setDebouncedCallback] = useState(() => callback);
+
+  useEffect(() => {
+    const debounceHandler = setTimeout(() => {
+      setDebouncedCallback(() => callback);
+    }, delay);
+
+    return () => {
+      clearTimeout(debounceHandler);
+    };
+  }, [callback, delay]);
+
+  return debouncedCallback;
+};
+
+export default useDebouncedCallback;
+