🚨(app-desk) add eslint-plugin-jsx-a11y

eslint-plugin-jsx-a11y is a plugin that provides a set of
accessibility rules that can find common
accessibility problems in your React.js elements.

src/frontend/apps/desk/.eslintrc.js

@@ -3,11 +3,22 @@ module.exports = {
     'next',
     'plugin:prettier/recommended',
     'plugin:@tanstack/eslint-plugin-query/recommended',
+    'plugin:jsx-a11y/recommended',
   ],
   settings: {
     next: {
       rootDir: __dirname,
     },
+    'jsx-a11y': {
+      polymorphicPropName: 'as',
+      components: {
+        Input: 'input',
+        Button: 'button',
+        Box: 'div',
+        Text: 'span',
+        Select: 'select',
+      },
+    },
   },
   parserOptions: {
     babelOptions: {

src/frontend/apps/desk/package.json

@@ -38,6 +38,7 @@
     "eslint-config-next": "14.0.4",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-jest": "27.6.2",
+    "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-prettier": "5.1.2",
     "eslint-plugin-testing-library": "6.2.0",
     "fetch-mock": "9.11.0",

src/frontend/yarn.lock

@@ -3529,7 +3529,7 @@ eslint-plugin-jest@27.6.2:
   dependencies:
     "@typescript-eslint/utils" "^5.10.0"
 
-eslint-plugin-jsx-a11y@^6.7.1:
+eslint-plugin-jsx-a11y@6.8.0, eslint-plugin-jsx-a11y@^6.7.1:
   version "6.8.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz#2fa9c701d44fcd722b7c771ec322432857fcbad2"
   integrity sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==