chore: rename playground components to .jsx (#873)

* chore: rename playground components to `.jsx`

* fix ci

Author: Pixel998

src/playground/App.js src/playground/app.jsxsrc/playground/App.js renamed to src/playground/app.jsx

@@ -2,16 +2,16 @@ import "regenerator-runtime/runtime";
 
 import { useState, useEffect, useMemo, useCallback, useRef } from "react";
 import { flushSync } from "react-dom";
-import Alert from "./components/Alert";
-import CrashAlert from "./components/CrashAlert";
-import Footer from "./components/Footer";
-import CodeEditor from "./components/CodeEditor";
+import Alert from "./components/alert";
+import CrashAlert from "./components/crash-alert";
+import Footer from "./components/footer";
+import CodeEditor from "./components/code-editor";
 import { Linter } from "eslint/universal";
 import Unicode from "./utils/unicode";
-import Configuration from "./components/Configuration";
+import Configuration from "./components/configuration";
 import Split from "react-split";
 import debounce from "./utils/debounce";
-import AlertsActionBar from "./components/AlertsActionBar";
+import AlertsActionBar from "./components/alerts-action-bar";
 import "./scss/split-pane.scss";
 import * as typeScriptESLintParser from "@typescript-eslint/parser";
 

src/playground/components/Alert.js src/playground/components/alert.jsxsrc/playground/components/Alert.js renamed to src/playground/components/alert.jsx

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect } from "react";
 import Select, { components } from "react-select";
-import ShareURL from "./ShareURL";
+import ShareURL from "./share-url";
 import {
 	ECMA_FEATURES,
 	ECMA_VERSIONS,

…playground/components/AlertsActionBar.js …yground/components/alerts-action-bar.jsxsrc/playground/components/AlertsActionBar.js renamed to src/playground/components/alerts-action-bar.jsx src/playground/components/AlertsActionBar.js renamed to src/playground/components/alerts-action-bar.jsx

@@ -1,4 +1,4 @@
-import Alert from "./Alert";
+import Alert from "./alert";
 
 export default function CrashAlert({ error }) {
 	const AlertMessage = (

src/playground/components/CodeEditor.js src/playground/components/code-editor.jsxsrc/playground/components/CodeEditor.js renamed to src/playground/components/code-editor.jsx

@@ -1,5 +1,5 @@
-import ThemeSwitcher from "./ThemeSwitcher";
-import SocialIcons from "./SocialIcons";
+import ThemeSwitcher from "./theme-switcher";
+import SocialIcons from "./social-icons";
 
 export default function Footer() {
 	return (