ESLint: Enable recommended jsx-a11y rules and fix issues

This enables recommended rules for jsx-a11y accessibility package and fixes issues in the code.

Author: regexowl

eslint.config.js

@@ -58,7 +58,7 @@ module.exports = defineConfig([
       'react-hooks': pluginReactHooks,
       'react-redux': pluginReactRedux,
       import: pluginImport,
-      jsxA11y: pluginJsxA11y,
+      'jsx-a11y': pluginJsxA11y,
       prettier: pluginPrettier,
     },
     rules: {
@@ -67,6 +67,7 @@ module.exports = defineConfig([
       ...pluginReact.configs.flat.recommended.rules,
       ...pluginReactHooks.configs.recommended.rules,
       ...pluginReactRedux.configs.recommended.rules,
+      ...pluginJsxA11y.configs.recommended.rules,
       ...fecConfig.rules,
       'import/order': ['error', {
         groups: ['builtin', 'external', 'internal', 'sibling', 'parent', 'index'],
@@ -132,7 +133,6 @@ module.exports = defineConfig([
           varsIgnorePattern: '^_',
         },
       ],
-      'jsx-a11y/no-autofocus': 'off',
       'react-hooks/set-state-in-effect': 'warn', // TODO address issues and enable the rule
       'prettier/prettier': ['error', {
         semi: true,

src/Components/ImagesTable/ImagesTable.tsx

@@ -710,7 +710,7 @@ const defaultActions = (
 ) => {
   const name = `request-${compose.id}.json`;
 
-  const handleDownload = (e: React.MouseEvent<HTMLAnchorElement>) => {
+  const handleDownload = (e: React.MouseEvent) => {
     e.preventDefault();
 
     const data = JSON.stringify(compose.request, null, 2);
@@ -740,11 +740,8 @@ const defaultActions = (
 
   const actions = [
     {
-      title: (
-        <a className='ib-subdued-link' href='#' onClick={handleDownload}>
-          Download compose request (.json)
-        </a>
-      ),
+      title: 'Download compose request (.json)',
+      onClick: handleDownload,
     },
   ];
 
@@ -753,23 +750,14 @@ const defaultActions = (
     const fileBrowserHref =
       '/files#/?path=' + encodeURIComponent(parsedPath.dir);
 
-    const handleOpenInFileBrowser = (
-      e: React.MouseEvent<HTMLAnchorElement>,
-    ) => {
+    const handleOpenInFileBrowser = (e: React.MouseEvent) => {
       e.preventDefault();
       cockpit.jump(fileBrowserHref, cockpit.transport.host);
     };
 
     actions.push({
-      title: (
-        <a
-          className='ib-subdued-link'
-          href='#'
-          onClick={handleOpenInFileBrowser}
-        >
-          Open in file browser
-        </a>
-      ),
+      title: 'Open in file browser',
+      onClick: handleOpenInFileBrowser,
     });
   }