feat: add click any where hooks

components/utils/use-click-anywhere.ts

@@ -0,0 +1,14 @@
+import { useEffect } from 'react'
+
+const useClickAnyWhere = (
+  handler: (event: Event) => void,
+) => {
+  useEffect(() => {
+    const callback = (event: Event) => handler(event)
+    
+    document.addEventListener('click', callback)
+    return () => document.removeEventListener('click', callback)
+  }, [handler])
+}
+
+export default useClickAnyWhere