fix(accountmenu): update nav bar display

Author: martinwang2002

src/components/AccountManager.tsx

@@ -33,6 +33,7 @@ const AccountMenu: FC = () => {
   const [authState, setAuthState] = useAtom(authAtom)
   const [logoutDialogOpen, setLogoutDialogOpen] = useState(false)
   const [editDialogOpen, setEditDialogOpen] = useState(false)
+  const { isSM } = useCurrentSize()
 
   const handleLogout = () => {
     setAuthState({})
@@ -72,6 +73,14 @@ const AccountMenu: FC = () => {
           />
         )}
 
+        {isSM && (
+          <MenuItem
+            shouldDismissPopover={false}
+            icon="user"
+            text={authState.username}
+          />
+        )}
+
         <MenuItem
           shouldDismissPopover={false}
           icon="edit"
@@ -161,7 +170,7 @@ export const AccountManager: ComponentType = withGlobalErrorBoundary(() => {
         <Popover2 content={<AccountMenu />} position={Position.BOTTOM_RIGHT}>
           <Button
             icon="user"
-            text={authState.username}
+            text={!isSM && authState.username}
             rightIcon="caret-down"
           />
         </Popover2>