Make manage account more obvious (#7927)

Author: lee-at-zoo-corp

src/components/UserSidebarMenu.tsx

@@ -51,6 +51,20 @@ const UserSidebarMenu = ({ user }: { user?: User }) => {
   const userMenuItems = useMemo<(ActionButtonProps | 'break')[]>(
     () =>
       [
+        {
+          id: 'account',
+          Element: 'externalLink',
+          to: withSiteBaseURL('/account'),
+          children: (
+            <>
+              <span className="flex-1">Manage Zoo account</span>
+              <CustomIcon
+                name="link"
+                className="w-3 h-3 text-chalkboard-70 dark:text-chalkboard-40"
+              />
+            </>
+          ),
+        },
         {
           id: 'settings',
           Element: 'button',
@@ -81,20 +95,6 @@ const UserSidebarMenu = ({ user }: { user?: User }) => {
             navigate(targetPath)
           },
         },
-        {
-          id: 'account',
-          Element: 'externalLink',
-          to: withSiteBaseURL('/account'),
-          children: (
-            <>
-              <span className="flex-1">Manage account</span>
-              <CustomIcon
-                name="link"
-                className="w-3 h-3 text-chalkboard-70 dark:text-chalkboard-40"
-              />
-            </>
-          ),
-        },
         'break',
         {
           id: 'request-feature',