Fix focus stealing on render

When the menu is rendered, the portal is updated async. This steals the focus as `hide()` focuses the button. Instead only focus when requested, for example when the menu was visible and hiding should focus the trigger.

Author: SleeplessByte

src/components/Menu/Menu.tsx

@@ -364,7 +364,7 @@ const Menu = ({
     });
   }, [anchor, attachListeners, measureAnchorLayout, theme]);
 
-  const hide = React.useCallback(() => {
+  const hide = React.useCallback((focus = true) => {
     removeListeners();
 
     const { animation } = theme;
@@ -378,7 +378,7 @@ const Menu = ({
       setMenuLayout({ width: 0, height: 0 });
       setRendered(false);
       prevRendered.current = false;
-      focusFirstDOMNode(anchorRef.current);
+      if (focus) { focusFirstDOMNode(anchorRef.current) };
     });
   }, [removeListeners, theme]);
 
@@ -393,7 +393,7 @@ const Menu = ({
         }
 
         if (!display) {
-          hide();
+          hide(prevRendered.current);
         }
 
         return;