microsite: reorg top bar

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

microsite/docusaurus.config.ts

@@ -366,16 +366,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',
@@ -387,8 +377,8 @@ const config: Config = {
           position: 'left',
         },
         {
-          to: '/blog',
-          label: 'Blog',
+          to: '/api/stable',
+          label: 'Reference',
           position: 'left',
         },
         {
@@ -396,6 +386,11 @@ const config: Config = {
           label: 'Releases',
           position: 'left',
         },
+        {
+          to: '/blog',
+          label: 'Blog',
+          position: 'left',
+        },
         {
           to: '/demos',
           label: 'Demos',
@@ -406,6 +401,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
           ? [
               {