Disable animation on NewItemMenu (#39712)

frontend/src/metabase/components/EntityMenu/EntityMenu.jsx

@@ -57,13 +57,15 @@ class EntityMenu extends Component {
       renderTrigger,
       triggerAriaLabel,
       tooltipPlacement,
+      transitionDuration = 150,
     } = this.props;
     const { open, menuItemContent } = this.state;
+
     return (
       <Popover
         opened={open}
         className={cx(className, open ? openClassNames : closedClassNames)}
-        transitionProps={{ transition: "fade" }}
+        transitionProps={{ duration: transitionDuration }}
         onChange={() => this.toggleMenu()}
         position="bottom-end"
       >

frontend/src/metabase/components/NewItemMenu/NewItemMenu.tsx

@@ -156,6 +156,11 @@ const NewItemMenu = ({
         trigger={trigger}
         triggerIcon={triggerIcon}
         tooltip={triggerTooltip}
+        // I've disabled this transition, since it results in the menu
+        // sometimes not appearing until content finishes loading on complex
+        // dashboards and questions #39303
+        // TODO: Try to restore this transition once we upgrade to React 18 and can prioritize this update
+        transitionDuration={0}
       />
       {modal && (
         <>

frontend/src/metabase/nav/components/ProfileLink/ProfileLink.jsx

@@ -97,6 +97,11 @@ function ProfileLink({ adminItems, onLogout }) {
             color: color("text-white"),
           },
         }}
+        // I've disabled this transition, since it results in the menu
+        // sometimes not appearing until content finishes loading on complex
+        // dashboards and questions #39303
+        // TODO: Try to restore this transition once we upgrade to React 18 and can prioritize this update
+        transitionDuration={0}
       />
       {modalOpen === "about" ? (
         <Modal small onClose={closeModal}>