Merge pull request #32538 from backstage/rugvip/reorg

microsite: reorg top bar

microsite/docusaurus.config.ts

@@ -378,16 +378,6 @@ const config: Config = {
         srcDark: 'img/logo.svg',
       },
       items: [
-        {
-          href: 'https://github.com/backstage/backstage',
-          label: 'GitHub',
-          position: 'left',
-        },
-        {
-          href: 'https://discord.gg/backstage-687207715902193673',
-          label: 'Discord',
-          position: 'left',
-        },
         {
           to: 'docs/overview/what-is-backstage',
           label: 'Docs',
@@ -399,15 +389,30 @@ const config: Config = {
           position: 'left',
         },
         {
-          to: '/blog',
-          label: 'Blog',
+          type: 'dropdown',
+          label: 'Reference',
           position: 'left',
+          items: [
+            {
+              label: `Stable (${releases[0]})`,
+              to: '/api/stable',
+            },
+            {
+              label: 'Next',
+              to: '/api/next',
+            },
+          ],
         },
         {
           to: `docs/releases/${releases[0]}`,
           label: 'Releases',
           position: 'left',
         },
+        {
+          to: '/blog',
+          label: 'Blog',
+          position: 'left',
+        },
         {
           to: '/demos',
           label: 'Demos',
@@ -418,6 +423,18 @@ const config: Config = {
           label: 'Community',
           position: 'left',
         },
+        {
+          href: 'https://github.com/backstage/backstage',
+          position: 'right',
+          className: 'header-github-link',
+          'aria-label': 'GitHub repository',
+        },
+        {
+          href: 'https://discord.gg/backstage-687207715902193673',
+          position: 'right',
+          className: 'header-discord-link',
+          'aria-label': 'Discord community',
+        },
         ...(useVersionedDocs
           ? [
               {