Bump eslint from 8.57.0 to 9.10.0 (#12833)

* Bump eslint from 8.57.0 to 9.10.0

Bumps [eslint](https://github.com/eslint/eslint) from 8.57.0 to 9.10.0.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](eslint/eslint@v8.57.0...v9.10.0)

---
updated-dependencies:
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* Removed .eslintignore as it's no longer supported and we don't need it anyway

* [WIP] jsx files keep getting ignored by eslint :(

* fix

* fix linting issues

* Merged eslint.config.a11y.js with eslint.config.js

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Mavis Ou <[email protected]>

.stylelintrc-colors.js

@@ -1,22 +1,18 @@
-  var config = {
-    "plugins": ["stylelint-prettier"],
-    "rules": {
-      "color-named": "never",
-      "color-no-hex": true,
-      "declaration-property-value-disallowed-list": [
-        {
-          "/.*/": [
-            /rgba{0,1}\(/i,
-            /hsla{0,1}\(/i,
-            /hwb\(/i,
-            /gray\(/i
-          ]
-        },
-        {
-          "message": "Custom colors are not allowed. Please use brand colors listed in _colors.scss."
-        }
-      ]
-    }
-  };
+var config = {
+  plugins: ["stylelint-prettier"],
+  rules: {
+    "color-named": "never",
+    "color-no-hex": true,
+    "declaration-property-value-disallowed-list": [
+      {
+        "/.*/": [/rgba{0,1}\(/i, /hsla{0,1}\(/i, /hwb\(/i, /gray\(/i],
+      },
+      {
+        message:
+          "Custom colors are not allowed. Please use brand colors listed in _colors.scss.",
+      },
+    ],
+  },
+};
 
-  module.exports = config;
+module.exports = config;

docker-compose.yml

@@ -51,10 +51,9 @@ services:
 
       # Frontend config
       - ./source:/app/source
+      - ./eslint.config.a11y.js:/app/eslint.config.a11y.js
+      - ./eslint.config.js:/app/eslint.config.js
       - ./.editorconfig:/app/.editorconfig
-      - ./.eslintignore:/app/.eslintignore
-      - ./.eslintrc.a11y.json:/app/.eslintrc.a11y.json
-      - ./.eslintrc.json:/app/.eslintrc.json
       - ./.prettierignore:/app/.prettierignore
       - ./.prettierrc:/app/.prettierrc
       - ./.stylelintrc:/app/.stylelintrc
@@ -81,6 +80,6 @@ services:
       - POSTGRES_HOST_AUTH_METHOD=trust
     volumes:
       - postgres_data:/var/lib/postgresql/data/
-      
+
 volumes:
   postgres_data:

eslint.config.js

@@ -0,0 +1,38 @@
+const eslintPluginPrettier = require("eslint-plugin-prettier");
+const eslintPluginPrettierRecommended = require("eslint-plugin-prettier/recommended");
+const eslintPluginReact = require("eslint-plugin-react");
+const jsxA11y = require("eslint-plugin-jsx-a11y");
+
+module.exports = [
+  {
+    files: ["**/*.js", "**/*.jsx"],
+    plugins: {
+      prettier: eslintPluginPrettier,
+      react: eslintPluginReact,
+      "jsx-a11y": jsxA11y,
+    },
+    languageOptions: {
+      globals: {
+        es6: "writable",
+      },
+      parserOptions: {
+        sourceType: "module",
+        ecmaVersion: 2020,
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      "prettier/prettier": [
+        "error",
+        {
+          trailingComma: "es5",
+          endOfLine: "auto",
+        },
+      ],
+      "react/jsx-uses-vars": "error",
+    },
+  },
+  eslintPluginPrettierRecommended,
+];