Rearrange UI menu (#9743)

- Better grouping

src/frontend/src/components/nav/MainMenu.tsx

@@ -67,16 +67,6 @@ export function MainMenu() {
             <Trans>System Settings</Trans>
           </Menu.Item>
         )}
-        <Menu.Item
-          onClick={toggleColorScheme}
-          leftSection={colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
-          c={
-            colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
-          }
-        >
-          <Trans>Change Color Mode</Trans>
-        </Menu.Item>
-        {user?.is_staff && <Menu.Divider />}
         {user?.is_staff && (
           <Menu.Item
             leftSection={<IconUserBolt />}
@@ -86,6 +76,16 @@ export function MainMenu() {
             <Trans>Admin Center</Trans>
           </Menu.Item>
         )}
+        {user?.is_staff && <Menu.Divider />}
+        <Menu.Item
+          onClick={toggleColorScheme}
+          leftSection={colorScheme === 'dark' ? <IconSun /> : <IconMoonStars />}
+          c={
+            colorScheme === 'dark' ? vars.colors.yellow[4] : vars.colors.blue[6]
+          }
+        >
+          <Trans>Change Color Mode</Trans>
+        </Menu.Item>
         <Menu.Divider />
         <Menu.Item
           leftSection={<IconLogout />}