feat: docusaurus.new + improved StackBlitz playground (#5235)

* Upgrade playground shortcut domain to docusaurus.new

* update generateExamples

* update generateExamples + re-generate with stackblitz config

* test

* test

* test

* test

* test

* update examples

* upgrade lockfile

* fix yarnlock

* fix yarnlock

website/src/components/Playground/index.js

@@ -15,7 +15,7 @@ const Playgrounds = [
   {
     name: '📦 CodeSandbox',
     image: require('@site/static/img/playgrounds/codesandbox.png'),
-    url: 'https://new.docusaurus.io/codesandbox',
+    url: 'https://docusaurus.new/codesandbox',
     description: (
       <Translate id="playground.codesandbox.description">
         CodeSandbox is a popular playground solution. Runs Docusaurus in a
@@ -26,7 +26,7 @@ const Playgrounds = [
   {
     name: '⚡ StackBlitz 🆕',
     image: require('@site/static/img/playgrounds/stackblitz.png'),
-    url: 'https://new.docusaurus.io/stackblitz',
+    url: 'https://docusaurus.new/stackblitz',
     description: (
       <Translate
         id="playground.stackblitz.description"

website/src/pages/index.js

@@ -109,9 +109,7 @@ function Home() {
               <Link className="button button--primary" to="/docs">
                 <Translate>Get Started</Translate>
               </Link>
-              <Link
-                className="button button--info"
-                to="https://new.docusaurus.io">
+              <Link className="button button--info" to="https://docusaurus.new">
                 <Translate>Playground</Translate>
               </Link>
               <span className={styles.indexCtasGitHubButtonWrapper}>