Refactor pages (#1943)

* refactor(CodeEditor): replace ace with codemirror, make component lazy

* refactor(pages): load pages aysncronously

* chore(build): use brotli ago to compress files

* fix(sonar): fix sonar issues

* fix(sonar): fix more sonar warnings

* chore(lock): regenerate lock

* fix(lint): fix linter

* chore(style): pretty

* chore(sonar): remove dead code

---------

Co-authored-by: Ainur Timerbaev <[email protected]>

.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+    plugins: ['react-refresh'],
     parser: '@typescript-eslint/parser', // Specifies the ESLint parser
     parserOptions: {
         ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
@@ -26,5 +27,6 @@ module.exports = {
         '@typescript-eslint/no-unused-vars': 'off',
         'react/no-deprecated': 'warn',
         'react/prop-types': 'off',
+        'react-refresh/only-export-components': 'warn',
     },
 };

package.json

@@ -63,7 +63,6 @@
         "@typescript-eslint/parser": "~6.7.4",
         "@vitejs/plugin-react": "~4.1.0",
         "@vitest/coverage-v8": "^1.2.2",
-        "ace-builds": "~1.32.0",
         "bootstrap": "~5.3.2",
         "classnames": "~2.3.2",
         "color-convert": "~2.0.1",
@@ -91,7 +90,7 @@
         "pinst": "~3.0.0",
         "prettier": "~3.0.3",
         "react": "~18.2.0",
-        "react-ace": "~10.1.0",
+
         "react-app-polyfill": "~3.0.0",
         "react-bootstrap": "~2.10.0",
         "react-css-theme-switcher": "~0.3.0",
@@ -112,10 +111,14 @@
         "vite-plugin-compression": "~0.5.1",
         "vite-plugin-html": "~3.2.0",
         "vite-plugin-sass-dts": "~1.3.11",
-        "vitest": "^1.2.1",
+        "vitest": "^1.3.1",
         "ws": "~8.14.2",
         "zigbee-herdsman": "~0.35.0",
-        "zigbee-herdsman-converters": "~15.87.0"
+        "zigbee-herdsman-converters": "~15.87.0",
+        "@codemirror/lang-javascript": "^6.2.2",
+        "@uiw/codemirror-theme-github": "^4.21.24",
+        "@uiw/react-codemirror": "^4.21.24",
+        "eslint-plugin-react-refresh": "*"
     },
     "main": "index.js",
     "husky": {
@@ -130,4 +133,5 @@
     "bugs": {
         "url": "https://github.com/nurikk/zigbee2mqtt-frontend/issues"
     }
+
 }