migrate md to mdx (#5233)

* rename vote.md to vote.mdx

* rename license.md to license.mdx

* rename glossary.md to glossary.mdx

* rename comparison.md to .mdx

* rename html-webpack-plugin.md

* rename automatic-prefetch-plugin.md

* rename banner-plugin.md

* rename commons-chunk-plugin.md

* rename context-exclusion-plugin.md

* rename context-replacement-plugin.md

* rename dll-plugin.md

* rename environment-plugin.md

* rename eval-source-map-dev-tool-plugin.md

* rename hashed-module-ids-plugin.md

* rename hot-module-replacement-plugin.md

* rename ignore-plugin.md

* rename index.md

* rename limit-chunk-count-plugin.md

* rename module-concatenation-plugin.md

* rename module-concatenation-plugin.md

* rename NoEmitOnErrorsPlugin.md

* rename normal-module-replacement-plugin.md

* rename prefetch-plugin.md

* rename profiling-plugin.md

* rename progress-plugin.md

* rename provide-plugin.md

* rename source-map-dev-tool-plugin.md

* rename split-chunks-plugin.md

* rename watch-ignore-plugin.md

* rename 3.md and fix whitespaces

* rename 4.md

* rename 5.md

* rename index.md

* rename blogs

* rename api

* rename concepts

* fix proselint

* rename why-webpack.md

* rename configuration

* rename contribute

* rename guides

* rename branding.md

* Revert "rename branding.md"

This reverts commit 2f58c58.

* rename printable.md

* Revert "rename printable.md"

This reverts commit d256dc3.

* rename index.md

* Revert "Revert "rename branding.md""

This reverts commit 4abb3a8.

* extract style

* Revert "Revert "rename printable.md""

This reverts commit 20799a8.

* Revert "Revert "Revert "rename printable.md"""

This reverts commit 9a7a3ea.

* Update src/content/concepts/configuration.mdx

* rename to mdx

Author: chenxsan

src/components/BrandingSample.jsx

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+BrandingSample.propTypes = {
+  color: PropTypes.string.isRequired,
+};
+export default function BrandingSample({ color }) {
+  return <div style={{ backgroundColor: color }}>&nbsp;</div>;
+}

src/components/Site/Site.jsx

@@ -77,7 +77,7 @@ function Site(props) {
    */
   const _strip = (array) => {
     let anchorTitleIndex = array.findIndex(
-      (item) => item.name.toLowerCase() === 'index.md'
+      (item) => item.name.toLowerCase() === 'index.mdx'
     );
 
     if (anchorTitleIndex !== -1) {

src/components/Splash/Splash.jsx

@@ -11,7 +11,7 @@ import { PlaceholderComponent } from '../Placeholder/Placeholder';
 import isClient from '../../utilities/is-client';
 
 // Import Demo Content
-import SplashContent from '../../content/index.md';
+import SplashContent from '../../content/index.mdx';
 
 // Load Styling
 import './Splash.scss';
@@ -55,11 +55,7 @@ const Splash = () => {
       <div className="splash__section splash__section--dark page__content">
         <Container>
           <Markdown>
-            <div
-              dangerouslySetInnerHTML={{
-                __html: SplashContent,
-              }}
-            />
+            <SplashContent />
           </Markdown>
         </Container>
       </div>