feat: add dropdown component

inertia/hooks/use_click_outside.tsx

@@ -0,0 +1,22 @@
+import { RefObject, useEffect } from 'react';
+
+// Source : https://stackoverflow.com/a/63359693
+
+/**
+ * This Hook can be used for detecting clicks outside the Opened Menu
+ */
+export default function useClickOutside(
+  ref: RefObject<HTMLElement>,
+  onClickOutside: () => void
+) {
+  useEffect(() => {
+    function handleClickOutside(event: MouseEvent) {
+      if (ref?.current && !ref.current?.contains(event.target as any)) {
+        onClickOutside();
+      }
+    }
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [ref, onClickOutside]);
+}

inertia/hooks/use_modal.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-const useModal = (defaultValue: boolean = false) => {
+const useToggle = (defaultValue: boolean = false) => {
   const [isShowing, setIsShowing] = useState<boolean>(defaultValue);
 
   const toggle = () => setIsShowing((value) => !value);
@@ -15,4 +15,4 @@ const useModal = (defaultValue: boolean = false) => {
   };
 };
 
-export default useModal;
+export default useToggle;