[Backport 1.x] [Security] Remediate axios vulnerabilities and remove code sandbox links

package.json

@@ -54,10 +54,6 @@
     "babel-plugin-inline-react-svg/**/ansi-regex": "^5.0.1",
     "babel-plugin-inline-react-svg/svgo/js-yaml": "^3.13.1",
     "babel-template/**/ansi-regex": "^5.0.1",
-    "codesandbox/**/ansi-regex": "^5.0.1",
-    "codesandbox/**/got": "^11.8.5",
-    "codesandbox/axios": "^0.22.0",
-    "codesandbox/pacote": "^12.0.0",
     "cssnano/**/css-select/nth-check": "^2.0.1",
     "cssnano/**/postcss": "^7.0.39",
     "enzyme/cheerio/cheerio-select-tmp/css-select/css-what": "^6.1.0",
@@ -80,6 +76,7 @@
     "sass-lint/front-matter": "^4.0.2",
     "sass-lint/merge": "^2.1.1",
     "start-server-and-test/**/minimist": "^1.2.6",
+    "start-server-and-test/wait-on": "^7.1.0",
     "webpack-dev-server/**/ansi-regex": "^5.0.1",
     "webpack-dev-server/chokidar/glob-parent": "^6.0.1",
     "webpack-dev-server/selfsigned": "^2.0.1",
@@ -176,7 +173,6 @@
     "chalk": "^4.1.2",
     "chokidar": "^3.5.3",
     "circular-dependency-plugin": "^5.2.0",
-    "codesandbox": "^2.2.3",
     "core-js": "^3.29.1",
     "cross-env": "^7.0.3",
     "css-loader": "^4.2.2",

src-docs/src/components/guide_section/guide_section_parts/guide_section_code.tsx

@@ -11,9 +11,6 @@
 
 import React, { FunctionComponent, useState, useEffect } from 'react';
 import { OuiCodeBlock } from '../../../../../src/components/code';
-import { OuiButtonEmpty } from '../../../../../src/components/button';
-// @ts-ignore Not TS
-import { CodeSandboxLink } from '../../codesandbox';
 // @ts-ignore Not TS
 import { renderJsSourceCode } from '../_utils';
 
@@ -33,22 +30,11 @@ export const GuideSectionExampleCode: FunctionComponent<GuideSectionExampleCode>
     };
   }, [code]);
 
-  const codeSandboxLink = (
-    <CodeSandboxLink
-      className="guideSectionExampleCode__link"
-      content={code.default}>
-      <OuiButtonEmpty size="xs" iconType="logoCodesandbox">
-        Try out this demo on Code Sandbox
-      </OuiButtonEmpty>
-    </CodeSandboxLink>
-  );
-
   return (
     <>
       <OuiCodeBlock language="jsx" overflowHeight={400} isCopyable>
         {codeToRender}
       </OuiCodeBlock>
-      {codeSandboxLink}
     </>
   );
 };

src-docs/src/views/form_controls/display_toggles.js

@@ -199,7 +199,6 @@ DisplayToggles.propTypes = {
   canAppend: PropTypes.bool,
   canInvalid: PropTypes.bool,
   extras: PropTypes.arrayOf(PropTypes.node),
-  // Manually building the spacer array to avoid having to import Spacer into codesandbox
   spacerSize: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl']),
 };
 

src-docs/src/views/header/header_elastic_pattern.js

@@ -11,7 +11,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
-// Uncomment to use in consuming apps or CodeSandbox
+// Uncomment to use in consuming apps
 // import theme from '@opensearch-project/oui/dist/oui_theme_light.json';
 
 import {