docs: Move preconnect links higher in html

Author: ntucker

website/docusaurus.config.ts

@@ -22,23 +22,61 @@ const config: Config = {
   markdown: {
     mermaid: true,
   },
-  scripts: [],
-  stylesheets: [
+  headTags: [
     {
-      rel: 'preconnect',
-      href: 'https://fonts.gstatic.com',
-      crossOrigin: true,
+      tagName: 'link',
+      attributes: {
+        rel: 'preconnect',
+        href: 'https://fonts.gstatic.com',
+        crossOrigin: 'anonymous',
+      },
     },
     {
-      rel: 'preconnect',
-      href: 'https://fonts.googleapis.com',
-      crossOrigin: true,
+      tagName: 'link',
+      attributes: {
+        rel: 'preconnect',
+        href: 'https://fonts.googleapis.com',
+        crossOrigin: 'anonymous',
+      },
     },
     {
-      rel: 'preconnect',
-      href: 'https://cdn.jsdelivr.net',
-      crossOrigin: true,
+      tagName: 'link',
+      attributes: {
+        rel: 'preconnect',
+        href: 'https://cdn.jsdelivr.net',
+        crossOrigin: 'anonymous',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        name: 'application-name',
+        content: 'Reactive Data Client',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'msapplication-TileColor',
+        content: '#3e96db',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'msapplication-config',
+        content: '/browserconfig.xml',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'theme-color',
+        content: '#003a67',
+      },
     },
+  ],
+  stylesheets: [
     {
       rel: 'preload',
       href: 'https://fonts.googleapis.com/css2?family=Rubik:[email protected]&family=Rubik:ital,wght@1,300..900&family=Roboto+Mono:[email protected]&family=Roboto+Mono:ital,wght@1,100..700&display=swap',
@@ -136,36 +174,7 @@ const config: Config = {
       media: 'all',
     }, TODO: figure out how to load this*/
   ],
-  headTags: [
-    {
-      tagName: 'link',
-      attributes: {
-        name: 'application-name',
-        content: 'Reactive Data Client',
-      },
-    },
-    {
-      tagName: 'link',
-      attributes: {
-        rel: 'msapplication-TileColor',
-        content: '#3e96db',
-      },
-    },
-    {
-      tagName: 'link',
-      attributes: {
-        rel: 'msapplication-config',
-        content: '/browserconfig.xml',
-      },
-    },
-    {
-      tagName: 'link',
-      attributes: {
-        rel: 'theme-color',
-        content: '#003a67',
-      },
-    },
-  ],
+  scripts: [],
   clientModules: [require.resolve('./src/gtagfix.ts')],
   //favicon: '/favicon.ico', we declare our own headers for this above
   themes: ['@docusaurus/theme-live-codeblock', '@docusaurus/theme-mermaid'],