update Docusaurus to beta release, versions page tweaks (#3865)

Author: Simek

website/package.json

@@ -48,19 +48,19 @@
     ]
   },
   "dependencies": {
-    "@docusaurus/core": "0.0.0-5658",
-    "@docusaurus/plugin-google-gtag": "0.0.0-5658",
-    "@docusaurus/plugin-pwa": "0.0.0-5658",
-    "@docusaurus/preset-classic": "0.0.0-5658",
-    "docusaurus-plugin-sass": "^0.2.2",
-    "esbuild-loader": "^2.19.0",
+    "@docusaurus/core": "3.0.0-beta.0",
+    "@docusaurus/plugin-google-gtag": "3.0.0-beta.0",
+    "@docusaurus/plugin-pwa": "3.0.0-beta.0",
+    "@docusaurus/preset-classic": "3.0.0-beta.0",
+    "docusaurus-plugin-sass": "^0.2.5",
+    "esbuild-loader": "^2.21.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-github-btn": "^1.3.0",
-    "sass": "^1.53.0"
+    "sass": "^1.68.0"
   },
   "devDependencies": {
-    "@docusaurus/types": "0.0.0-5658",
+    "@docusaurus/types": "3.0.0-beta.0",
     "@react-native-website/lint-examples": "0.0.0",
     "@react-native-website/update-redirects": "0.0.0",
     "alex": "^10.0.0",

website/src/css/versions.scss

@@ -8,15 +8,16 @@
 @import "shared";
 
 .versions-page {
-  max-width: 960px;
+  max-width: 1400px !important;
   padding: 28px;
 
   h1 {
     font-size: 3rem;
   }
 
   h2 {
-    font-size: 2rem;
+    font-size: 1.66rem;
+    margin-top: 12px;
   }
 
   code {

website/src/pages/versions.js

@@ -13,7 +13,7 @@ const versions = require('../../versions.json');
 const versionsArchived = require('../../versionsArchived.json');
 
 const VersionItem = ({version, archivedDocumentationUrl, currentVersion}) => {
-  const versionName = version === 'next' ? 'Master' : version;
+  const versionName = version === 'next' ? 'main' : version;
 
   const isCurrentVersion = currentVersion === version;
   const isNext = version === 'next';
@@ -125,6 +125,10 @@ const Versions = () => {
         </tbody>
       </table>
       <h2>Archived versions</h2>
+      <p>
+        The documentation for unmaintained versions can be found on website
+        archive snapshots, hosted as separate sites.
+      </p>
       <table className="versions">
         <tbody>
           {Object.entries(versionsArchived).map(