refactor: mobile popover UX (#2140)

packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx

@@ -89,7 +89,7 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
 
   return (
     <>
-      <div className="mt-1 mb-1 flex items-center justify-between px-3">
+      <div className="mt-1 mb-1 hidden items-center justify-between px-3 md:flex">
         <div className="text-lg font-bold lg:text-base">Account</div>
         <div className="flex cursor-pointer" onClick={closeMenu}>
           <Icon type="close" className="text-neutral" />

packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherOption.tsx

@@ -32,6 +32,7 @@ const WorkspaceSwitcherOption: FunctionComponent<Props> = ({ mainApplicationGrou
         <Icon type="chevron-right" className={`text-neutral ${MenuItemIconSize}`} />
       </MenuItem>
       <Popover
+        title="Switch workspace"
         align="end"
         anchorElement={buttonRef.current}
         className="py-2"