🐛(app-desk) close dropDown when click outside

When we were clicking outside the dropdown,
the dropdown was not closing.
This commit fixes that.

src/frontend/apps/desk/src/components/DropButton.tsx

@@ -44,19 +44,22 @@ export const DropButton = ({
     setIsLocalOpen(isOpen);
   }, [isOpen]);
 
+  const onOpenChangeHandler = (isOpen: boolean) => {
+    setIsLocalOpen(isOpen);
+    onOpenChange?.(isOpen);
+    setTimeout(() => {
+      setOpacity(isOpen);
+    }, 10);
+  };
+
   return (
-    <DialogTrigger
+    <DialogTrigger onOpenChange={onOpenChangeHandler} isOpen={isLocalOpen}>
-      onOpenChange={(isOpen) => {
-        setIsLocalOpen(isOpen);
-        onOpenChange?.(isOpen);
-        setTimeout(() => {
-          setOpacity(isOpen);
-        }, 10);
-      }}
-      isOpen={isLocalOpen}
-    >
       <StyledButton>{button}</StyledButton>
-      <StyledPopover style={{ opacity: opacity ? 1 : 0 }} isOpen={isLocalOpen}>
+      <StyledPopover
+        style={{ opacity: opacity ? 1 : 0 }}
+        isOpen={isLocalOpen}
+        onOpenChange={onOpenChangeHandler}
+      >
         {children}
       </StyledPopover>
     </DialogTrigger>