fix(docs): bump next.js version & fix meta warnings (#4327)

* chore(docs): bump `next` version

* docs: fix meta warnings

docs/components/PlatformsList/PlatformsList.module.css

@@ -3,6 +3,6 @@
 }
 
 .spanStyle {
-  font-family: 'Orbitron';
+  font-family: var(--font-orbitron);
   font-weight: 800;
 }

docs/font.ts

@@ -0,0 +1,7 @@
+import {Orbitron} from 'next/font/google';
+
+export const orbitron = Orbitron({
+  display: 'swap',
+  subsets: ['latin'],
+  weight: ['400', '900'],
+});

docs/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

docs/package.json

@@ -8,7 +8,8 @@
     "build": "bun next build"
   },
   "dependencies": {
-    "next": "^13.5.4",
+    "@next/third-parties": "14.2.20",
+    "next": "14.2.20",
     "nextra": "^2.13.2",
     "nextra-theme-docs": "^2.13.2",
     "react": "^18.2.0",

docs/pages/_app.mdx

@@ -0,0 +1,14 @@
+import {orbitron} from '../font';
+
+export default function Nextra({Component, pageProps}) {
+  return (
+    <>
+        <style jsx global>{`
+        :root {
+          --font-orbitron: ${orbitron.style.fontFamily};
+        }
+      `}</style>
+      <Component {...pageProps} />
+    </>
+  );
+}

docs/theme.config.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import {GoogleAnalytics} from '@next/third-parties/google';
 
 export default {
   head: (
@@ -26,27 +27,12 @@ export default {
         content="https://docs.thewidlarzgroup.com/react-native-video/thumbnail.jpg"
       />
       <meta name="twitter:image:alt" content="React Native Video" />
-      <link rel="preconnect" href="https://fonts.googleapis.com" />
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
-      <link
-        href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap"
-        rel="stylesheet"
-      />
       <link
         rel="icon"
         type="image/png"
         href="https://docs.thewidlarzgroup.com/react-native-video/favicon.png"
       />
-      <script
-        async
-        src="https://www.googletagmanager.com/gtag/js?id=G-PM2TQQQMDN"
-      />
-      <script>
-        {`window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-        gtag('config', 'G-PM2TQQQMDN');`}
-      </script>
+      <GoogleAnalytics gaId="G-4YEWQH5ZHS" />
     </>
   ),
   logo: (