Fix the confirmation Dialog box error (#174)

* resolve the error

* fix: improve NavBarMenu interaction handling

---------

Co-authored-by: JeelRajodiya <[email protected]>

Author: AQIB-NAWAB

app/components/NavBarMenus/NavBarMenus.tsx

@@ -36,7 +36,9 @@ export default function NavBarMenu() {
     <Menu closeOnSelect={false} gutter={4}>
       <MenuButton
         className={navBarStyles.menuButton}
+        onBlur={() => setIsOpen(false)}
         onClick={() => {
+          
           sendGAEvent("event", "buttonClicked", {
             value: "Settings",
           });
@@ -51,6 +53,7 @@ export default function NavBarMenu() {
           onOpen={() => setIsOpen(true)}
           onClose={() => setIsOpen(false)}
           isOpen={isOpen}
+          closeOnBlur={false}
         >
           <PopoverTrigger>
             <MenuItem display={"flex"} gap={"8px"} color={"hsl(var(--error))"}>
@@ -62,6 +65,7 @@ export default function NavBarMenu() {
             rootProps={{
               style: {
                 transform: "scale(0)",
+                display: isOpen ? "inherit" : "none",
               },
             }}
           >
@@ -79,14 +83,14 @@ export default function NavBarMenu() {
                 onClick={() => {
                   localStorage.removeItem("progress");
                   userSolutionStore.clearAllCode();
-                  setIsOpen(false);
                   toast({
                     title: "Progress Cleared",
                     description: "Your progress has been cleared",
                     status: "success",
                     duration: 3000,
                     isClosable: true,
                   });
+                  setIsOpen(false);
                 }}
               >
                 RESET