306 add a11y eslint package (#330)

* Grouped defences

* Better html grouping

* Removed strategy box

* Visually clearer grouping

* Rounded corners on control section

* Added the package

* Fixed issues in ModelConfigurationSlider

* Fixed issues in MainHeader

* Fixed issues in DocumentViewBox

* Removed autofocus for accessibility considerations

* Fixed issues in ApiKeyBox

* Using some rather than find

* Using details html elements

For the collapsible sections in the control panel

* Better html DRY principles

* Fixed issues in DefenceMechanism

* Accessible overlay

* No longer disabling eslint rule for file

* Using border rather than outline for button hover

* Allowing autofocus for chat input

* Better overlay close buttons

* Aria labels for overlay close buttons

* Using class names for styling in handbook overlay

* Handbook icon class name

* 322 wrap handbook image in a button and give aria label (#341)

* aria-labels for handbook and info buttons

* Better label for defence toggle checkbox

frontend/.eslintrc.cjs

@@ -7,14 +7,15 @@ module.exports = {
     "plugin:@typescript-eslint/stylistic-type-checked",
     "plugin:@typescript-eslint/strict-type-checked",
     "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended",
   ],
   ignorePatterns: ["dist", ".eslintrc.cjs"],
   parser: "@typescript-eslint/parser",
   parserOptions: {
     project: true,
     tsconfigRootDir: __dirname,
   },
-  plugins: ["react-refresh"],
+  plugins: ["react-refresh", "jsx-a11y"],
   rules: {
     "@typescript-eslint/init-declarations": "error",