add filters panel (partial)

src/renderer/hooks/use-click-outside.hook.ts

@@ -0,0 +1,22 @@
+import { MutableRefObject, useEffect } from "react";
+
+export function useClickOutside(ref: MutableRefObject<any>, handler: (e: MouseEvent) => void) {
+    
+    useEffect(() => {
+
+        if(!handler){ return () => {}; }
+
+        const handleClickOutside = (event: MouseEvent) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                handler?.(event);
+            }
+        }
+    
+        document.addEventListener("click", handleClickOutside);
+        return () => {
+            document.removeEventListener("click", handleClickOutside);
+        };
+
+    }, [ref]);
+
+}