refactor: bring down eslint warnings to zero (#1714)

- install `@eslint-react/eslint-plugin` dependency
- configure `@eslint-react/eslint-plugin` in eslint config
- modernize `lint` command in `package.json`
- disable or fix various reported lint issues
- fix `div` being nested in `p` for settings
- replace deprecated `event.keyCode` with `event.key`
- update isEscKeyPress method and unit tests which used deprecated `event.keyCode`
- allow `eslint` v8 as peer dependency for `@eslint-react/eslint-plugin`

59 files changed, 450 insertions, 135 deletions

diff --git a/.eslintignore b/.eslintignore
index f1867f427..30357b9c4 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -10,6 +10,7 @@ pids
 # Coverage directory used by tools like istanbul
 coverage
 .eslintcache
+.eslintrc.js
 
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
diff --git a/.eslintrc.js b/.eslintrc.js
index ed473c21b..f95bbbd9f 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -17,8 +17,9 @@ module.exports = {
     'plugin:unicorn/recommended',
     'plugin:sonar/recommended',
     'plugin:prettier/recommended',
+    'plugin:@eslint-react/recommended-legacy',
   ],
-  plugins: ['jest'],
+  plugins: ['@eslint-react', 'jest'],
   settings: {
     react: {
       pragma: 'React', // Pragma to use, default to "React"
@@ -45,6 +46,7 @@ module.exports = {
         // TODO: Opt-in to a stricter ruleset in the future
         // 'plugin:@typescript-eslint/strict-type-checked',
         'plugin:@typescript-eslint/stylistic-type-checked',
+        'plugin:@eslint-react/recommended-type-checked-legacy',
       ],
       parser: '@typescript-eslint/parser',
       plugins: [],
@@ -71,6 +73,12 @@ module.exports = {
         // eslint-plugin-import
         'import/no-extraneous-dependencies': 0,
 
+        // @eslint-react
+        '@eslint-react/no-class-component': 0,
+        '@eslint-react/no-complicated-conditional-rendering': 0,
+        '@eslint-react/no-leaked-conditional-rendering': 0,
+        '@eslint-react/hooks-extra/ensure-custom-hooks-using-other-hooks': 0,
+
         // sonar
         'sonar/no-try-promise': 0,
       },
@@ -105,7 +113,7 @@ module.exports = {
     'react/jsx-filename-extension': 1,
     'react/jsx-no-bind': 1,
     'react/jsx-props-no-spreading': 0,
-    'react/prefer-stateless-function': 1,
+    'react/prefer-stateless-function': 0,
     'react/static-property-placement': 0,
     'react/state-in-constructor': 1,
     'react/sort-comp': 0,
@@ -137,6 +145,7 @@ module.exports = {
     'unicorn/import-style': 0,
     'unicorn/consistent-destructuring': 0,
     'unicorn/no-anonymous-default-export': 0,
+    'unicorn/no-array-for-each': 0,
     // eslint-plugin-sonar
     'sonar/function-name': 0,
   },
diff --git a/package.json b/package.json
index 988791a98..f49c636ae 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint \"{src,test,scripts}/**/*.{js,jsx,mjs,ts,tsx}\" --quiet",
+    "lint": "eslint . --max-warnings 0",
     "lint:fix": "pnpm lint --cache --fix",
     "biome:check": "pnpm biome check .",
     "biome:check:fix": "pnpm biome:check --apply-unsafe",
@@ -136,6 +136,7 @@
     "@commitlint/cli": "19.2.1",
     "@commitlint/config-conventional": "19.1.0",
     "@electron/notarize": "2.3.0",
+    "@eslint-react/eslint-plugin": "1.5.8",
     "@formatjs/cli": "6.2.9",
     "@jest/types": "29.6.3",
     "@types/auto-launch": "5.0.5",
@@ -201,6 +202,7 @@
       "allowedVersions": {
         "@typescript-eslint/parser": "^7.0.0",
         "esbuild-sass-plugin>esbuild": "^0.16.7",
+        "eslint": "^8.0.0",
         "react-electron-web-view>react": "^18.0.0",
         "react-electron-web-view>react-dom": "^18.0.0",
         "react-sortable-hoc>react": "^18.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e88ccd691..1b8261174 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -270,6 +270,9 @@ devDependencies:
   '@electron/notarize':
     specifier: 2.3.0
     version: 2.3.0
+  '@eslint-react/eslint-plugin':
+    specifier: 1.5.8
+    version: 1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
   '@formatjs/cli':
     specifier: 6.2.9
     version: 6.2.9
@@ -1853,7 +1856,7 @@ packages:
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 || ^8.0.0
     dependencies:
       eslint: 8.57.0
       eslint-visitor-keys: 3.4.3
@@ -1864,6 +1867,128 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
+  /@eslint-react/ast@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-bfhjJYByn/oql2H3xqlUwqsCrCsu7ItYTuSl7vU2VWuUaGTNm2DVLljje5prUq7z26mQ/96YzW16OFoSmGovjw==}
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      string-ts: 2.1.0
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@eslint-react/core@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-iJoWoD5+dPS0sZvyVhkeQi2K5tI/fviRavsXFAR4GDhiviI8tZvKQg8mj/OlHDPUlvA+Bz8P0d0dxEXM3nyolQ==}
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/jsx': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      short-unique-id: 5.0.3
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@eslint-react/eslint-plugin@1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-SQgGcd5DKK0zjOn6O1QztTolzRzw+VHP9qMWwlRkonoxau4T9U5RwsbBzl2Aojk9v3CtPOHtr1AQ8ZOUEi6d4A==}
+    engines: {bun: '>=1.0.15', node: '>=18.18.0'}
+    peerDependencies:
+      '@typescript-eslint/parser': '>=7.5.0 || ^7.0.0'
+      eslint: '>=9.0.0 || ^8.0.0'
+      typescript: '>=5.3.3'
+    dependencies:
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      eslint-plugin-react-core: 1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+      eslint-plugin-react-dom: 1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+      eslint-plugin-react-hooks-extra: 1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+      eslint-plugin-react-naming-convention: 1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint-react/jsx@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-zQd239hspAJ9I9ejxKh7MuSW27HNVsXWiRHzit3azXRX95jwGZeeMRQeh9tS9290ANr8n2vBbSTePbl1FkuPKg==}
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/var': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      micro-memoize: 4.1.2
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@eslint-react/shared@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-XE6tp39NACI9pFD1x5LRXE2NfcQoRDVsOEqzYfS1XQczTHann2ySzrPgTPJE4KlKT156uRxg8DqPkcpsioQIEw==}
+    dependencies:
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      deepmerge-ts: 5.1.0
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@eslint-react/tools@1.5.8:
+    resolution: {integrity: sha512-Ye4HqrB6l8JomMRE7A8DUZsNNK5P28dDBXE69kR9UjWQqXU1xA2E5Pw7g9dn7CSNkPSi6IIm/1cFAPzPgMUqrQ==}
+    dev: true
+
+  /@eslint-react/types@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-u1Y1G8+IRiNNZ+REMMkVvHAp+I3ruJoKRybHsM1DCoyT3xZZ85wNPwB5R+oBurEXG7vRi3A9CsUGKU7v+PCbfw==}
+    dependencies:
+      '@eslint-react/tools': 1.5.8
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@eslint-react/var@1.5.8(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-RhQfA2oTGTX7d8aauU8pIqq+tAxv5bSl/8LxtvNx6UXQxQAuk/2Oss7ICdgm6GBMUGpbaBATTgIo3wOytLwqCw==}
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      string-ts: 2.1.0
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
   /@eslint/eslintrc@2.1.4:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3219,7 +3344,7 @@ packages:
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
+      eslint: ^8.56.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -3247,7 +3372,7 @@ packages:
     resolution: {integrity: sha512-usPMPHcwX3ZoPWnBnhhorc14NJw9J4HpSXQX4urF2TPKG0au0XhJoZyX62fmvdHONUkmyUe74Hzm1//XA+BoYg==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^8.56.0
+      eslint: ^8.56.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -3312,7 +3437,7 @@ packages:
     resolution: {integrity: sha512-NxAfqAPNLG6LTmy7uZgpK8KcuiS2NZD/HlThPXQRGwz6u7MDBWRVliEEl1Gj6U7++kVJTpehkhZzCJLMK66Scw==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^8.56.0
+      eslint: ^8.56.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
@@ -3451,7 +3576,7 @@ packages:
     resolution: {integrity: sha512-x54gaSsRRI+Nwz59TXpCsr6harB98qjXYzsRxGqvA5Ue3kQH+FxS7FYU81g/omn22ML2pZJkisy6Q+ElK8pBCA==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
-      eslint: ^8.56.0
+      eslint: ^8.56.0 || ^8.0.0
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
       '@types/json-schema': 7.0.15
@@ -5663,6 +5788,11 @@ packages:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
 
+  /deepmerge-ts@5.1.0:
+    resolution: {integrity: sha512-eS8dRJOckyo9maw9Tu5O5RUi/4inFLrnoLkBe3cPfDMx3WZioXtmOew4TXQaxq7Rhl4xjDtR7c6x8nNTxOvbFw==}
+    engines: {node: '>=16.0.0'}
+    dev: true
+
   /deepmerge@4.3.0:
     resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==}
     engines: {node: '>=0.10.0'}
@@ -6477,7 +6607,7 @@ packages:
     resolution: {integrity: sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
-      eslint: ^7.32.0 || ^8.2.0
+      eslint: ^7.32.0 || ^8.2.0 || ^8.0.0
       eslint-plugin-import: ^2.25.2
     dependencies:
       confusing-browser-globals: 1.0.11
@@ -6493,7 +6623,7 @@ packages:
     peerDependencies:
       '@typescript-eslint/eslint-plugin': ^7.0.0
       '@typescript-eslint/parser': ^7.0.0
-      eslint: ^8.56.0
+      eslint: ^8.56.0 || ^8.0.0
     dependencies:
       '@typescript-eslint/eslint-plugin': 7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
       '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
@@ -6507,7 +6637,7 @@ packages:
     resolution: {integrity: sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==}
     engines: {node: ^10.12.0 || ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: ^7.32.0 || ^8.2.0
+      eslint: ^7.32.0 || ^8.2.0 || ^8.0.0
       eslint-plugin-import: ^2.25.3
       eslint-plugin-jsx-a11y: ^6.5.1
       eslint-plugin-react: ^7.28.0
@@ -6527,7 +6657,7 @@ packages:
     resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
     hasBin: true
     peerDependencies:
-      eslint: '>=7.0.0'
+      eslint: '>=7.0.0 || ^8.0.0'
     dependencies:
       eslint: 8.57.0
     dev: true
@@ -6576,7 +6706,7 @@ packages:
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^8.0.0
     peerDependenciesMeta:
       '@typescript-eslint/parser':
         optional: true
@@ -6632,7 +6762,7 @@ packages:
     resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
     engines: {node: '>=4.0'}
     peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^8.0.0
     dependencies:
       '@babel/runtime': 7.23.5
       aria-query: 5.3.0
@@ -6658,7 +6788,7 @@ packages:
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       '@types/eslint': '>=8.0.0'
-      eslint: '>=8.0.0'
+      eslint: '>=8.0.0 || ^8.0.0'
       eslint-config-prettier: '*'
       prettier: '>=3.0.0'
     peerDependenciesMeta:
@@ -6674,20 +6804,127 @@ packages:
       synckit: 0.8.6
     dev: true
 
+  /eslint-plugin-react-core@1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-AWF0N07w3Tpkq2VKiZdvf1ItdQuYw/nJFmcs1ZZZOKq6eNSYpsSzKDpurwjAyMl4+WE+xL2b6lrUuVawfNpkMQ==}
+    engines: {bun: '>=1.0.15', node: '>=18.18.0'}
+    peerDependencies:
+      '@typescript-eslint/parser': '>=7.5.0 || ^7.0.0'
+      eslint: '>=9.0.0 || ^8.0.0'
+      typescript: '>=5.3.3'
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/core': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/jsx': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/var': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      string-ts: 2.1.0
+      ts-api-utils: 1.3.0(typescript@5.4.5)
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-react-dom@1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-xPCfuSvdccCnzyMHeBWCepi+SniXf5IszcQB0951Chvb4pSkwyemuN0xy4ux4cu0i5wyHzQZJk3jBqM1b49+YQ==}
+    engines: {bun: '>=1.0.15', node: '>=18.18.0'}
+    peerDependencies:
+      '@typescript-eslint/parser': '>=7.5.0 || ^7.0.0'
+      eslint: '>=9.0.0 || ^8.0.0'
+      typescript: '>=5.3.3'
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/core': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/jsx': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/var': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      string-ts: 2.1.0
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-react-hooks-extra@1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-GDitayVrF51bDH+ASs9QCvw6YZOn5A99iQMH9wKCGlaGA+mUD0vFt8EHW4kALjmBNSjA/y5ZZ3/435mGwrIv8Q==}
+    engines: {bun: '>=1.0.15', node: '>=18.18.0'}
+    peerDependencies:
+      '@typescript-eslint/parser': '>=7.5.0 || ^7.0.0'
+      eslint: '>=9.0.0 || ^8.0.0'
+      typescript: '>=5.3.3'
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/core': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/jsx': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/var': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      string-ts: 2.1.0
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /eslint-plugin-react-hooks@4.6.0(eslint@8.57.0):
     resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
     engines: {node: '>=10'}
     peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^8.0.0
     dependencies:
       eslint: 8.57.0
     dev: true
 
+  /eslint-plugin-react-naming-convention@1.5.8(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5):
+    resolution: {integrity: sha512-1pZNudmoiaB4ZnfGauMoi9at4pSmzb0EMidfDXybmev09fEuO7mBUfpks/Fjs1PGDGogEhe0a9KQIVTPe4Ui2w==}
+    engines: {bun: '>=1.0.15', node: '>=18.18.0'}
+    peerDependencies:
+      '@typescript-eslint/parser': '>=7.5.0 || ^7.0.0'
+      eslint: '>=9.0.0 || ^8.0.0'
+      typescript: '>=5.3.3'
+    dependencies:
+      '@eslint-react/ast': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/core': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/jsx': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/shared': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@eslint-react/tools': 1.5.8
+      '@eslint-react/types': 1.5.8(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/scope-manager': 7.6.0
+      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      '@typescript-eslint/types': 7.6.0
+      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
+      eslint: 8.57.0
+      string-ts: 2.1.0
+      typescript: 5.4.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /eslint-plugin-react@7.34.1(eslint@8.57.0):
     resolution: {integrity: sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==}
     engines: {node: '>=4'}
     peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^8.0.0
     dependencies:
       array-includes: 3.1.7
       array.prototype.findlast: 1.2.5
@@ -6754,7 +6991,7 @@ packages:
     resolution: {integrity: sha512-1Yzm7/m+0R4djH0tjDjfVei/ju2w3AzUGjG6q8JnuNIL5xIwsflyCooW5sfBvQp2pMYQFSWWCFONsjCax1EHng==}
     engines: {node: '>=16'}
     peerDependencies:
-      eslint: '>=8.56.0'
+      eslint: '>=8.56.0 || ^8.0.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
@@ -10105,6 +10342,10 @@ packages:
     engines: {node: '>= 8'}
     dev: true
 
+  /micro-memoize@4.1.2:
+    resolution: {integrity: sha512-+HzcV2H+rbSJzApgkj0NdTakkC+bnyeiUxgT6/m7mjcz1CmM22KYFKp+EVj1sWe4UYcnriJr5uqHQD/gMHLD+g==}
+    dev: true
+
   /micromatch@3.1.10:
     resolution: {integrity: sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==}
     engines: {node: '>=0.10.0'}
@@ -12591,6 +12832,11 @@ packages:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
     dev: true
 
+  /short-unique-id@5.0.3:
+    resolution: {integrity: sha512-yhniEILouC0s4lpH0h7rJsfylZdca10W9mDJRAFh3EpcSUanCHGb0R7kcFOIUCZYSAPo0PUD5ZxWQdW0T4xaug==}
+    hasBin: true
+    dev: true
+
   /side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
@@ -12965,6 +13211,10 @@ packages:
     resolution: {integrity: sha512-Yptehjogou2xm4UJbxJ4CxgZx12HBfeystp0y3x7s4Dj32ltVVG1Gg8YhKjHZkHicuKpZX/ffilA8505VbUbpw==}
     dev: true
 
+  /string-ts@2.1.0:
+    resolution: {integrity: sha512-YpGEBxS3Qw1De+RO3Gdrsx2gwYU9b7WmPtKhRLTTKc3oKzbOxqGDYLRGkNeIXLL4BGVZMXY49hPpzP3RAwUFAA==}
+    dev: true
+
   /string-width@2.1.1:
     resolution: {integrity: sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==}
     engines: {node: '>=4'}
diff --git a/scripts/link-readme.ts b/scripts/link-readme.ts
index 147ae22f7..d323d83f6 100644
--- a/scripts/link-readme.ts
+++ b/scripts/link-readme.ts
@@ -9,6 +9,7 @@
 import path from 'node:path';
 import fs from 'fs-extra';
 
+// eslint-disable-next-line no-console
 console.log('Linking issues and PRs in README.md');
 
 const readmepath = path.join(__dirname, '..', 'README.md');
@@ -60,4 +61,5 @@ readme = readme.replaceAll(/(?<!\[)@\w+(?!])/gi, match => {
 // Write to file
 fs.writeFileSync(readmepath, readme);
 
+// eslint-disable-next-line no-console
 console.log(`Added ${replacements} strings`);
diff --git a/src/I18n.tsx b/src/I18n.tsx
index 2085f3e98..dc9c7d6b9 100644
--- a/src/I18n.tsx
+++ b/src/I18n.tsx
@@ -27,7 +27,9 @@ class I18N extends Component<Props> {
 
     return (
       <IntlProvider
-        {...{ locale, key: locale, messages: translations[locale] }}
+        locale={locale}
+        key={locale}
+        messages={translations[locale]}
         ref={intlProvider => {
           window['ferdium'].intl = intlProvider
             ? intlProvider.state.intl
diff --git a/src/api/utils/auth.ts b/src/api/utils/auth.ts
index ce30e0132..0188675fc 100644
--- a/src/api/utils/auth.ts
+++ b/src/api/utils/auth.ts
@@ -39,6 +39,7 @@ export const prepareLocalToken = async (requestData: {
   await when(() => !needsToken() || !!localServerToken(), { timeout: 2000 });
   const token = localServerToken();
   if (token) {
+    // eslint-disable-next-line no-param-reassign
     requestData.headers['X-Ferdium-Local-Token'] = token;
   }
 };
diff --git a/src/components/auth/AuthLayout.tsx b/src/components/auth/AuthLayout.tsx
index 67e898318..3952045b2 100644
--- a/src/components/auth/AuthLayout.tsx
+++ b/src/components/auth/AuthLayout.tsx
@@ -106,6 +106,7 @@ class AuthLayout extends Component<IProps, IState> {
           )}
           <div className="auth__layout">
             {/* Inject globalError into children  */}
+            {/* eslint-disable-next-line @eslint-react/no-clone-element */}
             {cloneElement(children, { error })}
           </div>
           {/* </div> */}
diff --git a/src/components/downloadManager/DownloadManagerDashboard.tsx b/src/components/downloadManager/DownloadManagerDashboard.tsx
index 490be269d..aeaa94634 100644
--- a/src/components/downloadManager/DownloadManagerDashboard.tsx
+++ b/src/components/downloadManager/DownloadManagerDashboard.tsx
@@ -47,7 +47,6 @@ interface IState {
   data: string;
 }
 
-// eslint-disable-next-line react/prefer-stateless-function
 class DownloadManagerDashboard extends Component<IProps, IState> {
   render() {
     const { intl, stores, actions } = this.props;
diff --git a/src/components/downloadManager/DownloadManagerLayout.tsx b/src/components/downloadManager/DownloadManagerLayout.tsx
index 08c0ace1e..43670355c 100644
--- a/src/components/downloadManager/DownloadManagerLayout.tsx
+++ b/src/components/downloadManager/DownloadManagerLayout.tsx
@@ -44,8 +44,8 @@ class DownloadManagerLayout extends Component<IProps> {
     );
   }
 
-  handleKeyDown(e) {
-    if (isEscKeyPress(e.keyCode)) {
+  handleKeyDown(e: KeyboardEvent) {
+    if (isEscKeyPress(e.key)) {
       this.props.actions!.ui.closeSettings();
     }
   }
diff --git a/src/components/settings/SettingsLayout.tsx b/src/components/settings/SettingsLayout.tsx
index 17f8c3e33..a5fa13d71 100644
--- a/src/components/settings/SettingsLayout.tsx
+++ b/src/components/settings/SettingsLayout.tsx
@@ -41,7 +41,7 @@ class SettingsLayout extends Component<PropsWithChildren<IProps>> {
   }
 
   handleKeyDown(e: KeyboardEvent): void {
-    if (isEscKeyPress(e.keyCode)) {
+    if (isEscKeyPress(e.key)) {
       this.props.closeSettings();
     }
   }
diff --git a/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx b/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
index e874b4469..e2867ab8e 100644
--- a/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
+++ b/src/components/settings/releaseNotes/ReleaseNotesDashboard.tsx
@@ -49,6 +49,7 @@ class ReleaseNotesDashboard extends Component<IProps, IState> {
       intl,
     );
 
+    // eslint-disable-next-line @eslint-react/no-set-state-in-component-did-mount
     this.setState({
       data,
     });
diff --git a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
index 23db7141e..4fb31d053 100644
--- a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
+++ b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
@@ -43,8 +43,8 @@ class ReleaseNotesLayout extends Component<IProps> {
     );
   }
 
-  handleKeyDown(e) {
-    if (isEscKeyPress(e.keyCode)) {
+  handleKeyDown(e: KeyboardEvent) {
+    if (isEscKeyPress(e.key)) {
       this.props.actions!.ui.closeSettings();
     }
   }
diff --git a/src/components/settings/settings/EditSettingsForm.tsx b/src/components/settings/settings/EditSettingsForm.tsx
index 84057091d..c3e8d46a0 100644
--- a/src/components/settings/settings/EditSettingsForm.tsx
+++ b/src/components/settings/settings/EditSettingsForm.tsx
@@ -1087,34 +1087,34 @@ class EditSettingsForm extends Component<IProps, IState> {
                   <H3>
                     {intl.formatMessage(messages.subheadlineFerdiumProfile)}
                   </H3>
-                  <p>
-                    <div className="settings__open-settings-file-container">
-                      <Button
-                        buttonType="secondary"
-                        label={intl.formatMessage(
-                          messages.buttonOpenFerdiumProfileFolder,
-                        )}
-                        className="settings__open-settings-file-button"
-                        onClick={() => openPath(profileFolder)}
-                      />
-                      <Button
-                        buttonType="secondary"
-                        label={intl.formatMessage(
-                          messages.buttonOpenFerdiumServiceRecipesFolder,
-                        )}
-                        className="settings__open-settings-file-button"
-                        onClick={() => openPath(recipeFolder)}
-                      />
-                      <Button
-                        buttonType="secondary"
-                        label={intl.formatMessage(
-                          messages.buttonOpenImportExport,
-                        )}
-                        className="settings__open-settings-file-button"
-                        onClick={() => openExternalUrl(serverURL, true)}
-                      />
-                    </div>
-                  </p>
+
+                  <div className="settings__open-settings-file-container">
+                    <Button
+                      buttonType="secondary"
+                      label={intl.formatMessage(
+                        messages.buttonOpenFerdiumProfileFolder,
+                      )}
+                      className="settings__open-settings-file-button"
+                      onClick={() => openPath(profileFolder)}
+                    />
+                    <Button
+                      buttonType="secondary"
+                      label={intl.formatMessage(
+                        messages.buttonOpenFerdiumServiceRecipesFolder,
+                      )}
+                      className="settings__open-settings-file-button"
+                      onClick={() => openPath(recipeFolder)}
+                    />
+                    <Button
+                      buttonType="secondary"
+                      label={intl.formatMessage(
+                        messages.buttonOpenImportExport,
+                      )}
+                      className="settings__open-settings-file-button"
+                      onClick={() => openExternalUrl(serverURL, true)}
+                    />
+                  </div>
+
                   <p className="settings__help">
                     {intl.formatMessage(messages.serverHelp, {
                       serverURL,
diff --git a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
index 065690fb5..3a4592666 100644
--- a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
+++ b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
@@ -33,7 +33,7 @@ const SupportFerdiumDashboard = () => {
             <a
               href="https://twitter.com/ferdiumteam/"
               target="_blank"
-              rel="noreferrer"
+              rel="noreferrer noopener"
             >
               <img
                 alt="Twitter Follow"
@@ -43,14 +43,18 @@ const SupportFerdiumDashboard = () => {
             <a
               href="https://github.com/ferdium/ferdium-app"
               target="_blank"
-              rel="noreferrer"
+              rel="noreferrer noopener"
             >
               <img
                 alt="GitHub Stars"
                 src="https://img.shields.io/github/stars/ferdium/ferdium-app?style=social"
               />
             </a>
-            <a target="_blank" href={FERDIUM_TRANSLATION} rel="noreferrer">
+            <a
+              target="_blank"
+              href={FERDIUM_TRANSLATION}
+              rel="noreferrer noopener"
+            >
               <img
                 src="https://badges.crowdin.net/ferdium-app/localized.svg"
                 alt="Crowdin"
@@ -59,7 +63,7 @@ const SupportFerdiumDashboard = () => {
             <a
               href="https://opencollective.com/ferdium#section-contributors"
               target="_blank"
-              rel="noreferrer"
+              rel="noreferrer noopener"
             >
               <img
                 alt="Open Collective backers"
@@ -72,7 +76,7 @@ const SupportFerdiumDashboard = () => {
             <a
               href="https://github.com/ferdium/ferdium-app#contributors-"
               target="_blank"
-              rel="noreferrer"
+              rel="noreferrer noopener"
             >
               <img
                 alt="GitHub contributors (non-exhaustive)"
diff --git a/src/components/ui/FAB.tsx b/src/components/ui/FAB.tsx
index b4eeace8b..1e9ff9022 100644
--- a/src/components/ui/FAB.tsx
+++ b/src/components/ui/FAB.tsx
@@ -36,6 +36,7 @@ class Button extends Component<IProps> {
     };
 
     return (
+      // eslint-disable-next-line @eslint-react/dom/no-missing-button-type
       <button {...buttonProps} type="button">
         {children}
       </button>
diff --git a/src/components/ui/SearchInput.tsx b/src/components/ui/SearchInput.tsx
index 2e70d1b35..d31463010 100644
--- a/src/components/ui/SearchInput.tsx
+++ b/src/components/ui/SearchInput.tsx
@@ -98,6 +98,7 @@ class SearchInput extends Component<IProps, IState> {
           />
         </label>
         {value.length > 0 && (
+          // eslint-disable-next-line jsx-a11y/no-static-element-interactions
           <span onClick={() => this.reset()} onKeyDown={noop}>
             <Icon icon={mdiCloseCircleOutline} />
           </span>
diff --git a/src/components/ui/Tabs/Tabs.tsx b/src/components/ui/Tabs/Tabs.tsx
index a5ec148aa..d1e397122 100644
--- a/src/components/ui/Tabs/Tabs.tsx
+++ b/src/components/ui/Tabs/Tabs.tsx
@@ -35,6 +35,7 @@ class Tab extends Component<IProps, IState> {
 
   render(): ReactElement {
     const { children: childElements } = this.props;
+    // eslint-disable-next-line @eslint-react/no-children-to-array
     const children = Children.toArray(childElements); // removes all null values
 
     if (children.length === 1) {
@@ -44,9 +45,10 @@ class Tab extends Component<IProps, IState> {
     return (
       <div className="content-tabs">
         <div className="content-tabs__tabs">
+          {/* eslint-disable-next-line @eslint-react/no-children-map */}
           {Children.map(children, (child, i) => (
             <button
-              // eslint-disable-next-line react/no-array-index-key
+              // eslint-disable-next-line react/no-array-index-key, @eslint-react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
@@ -60,9 +62,10 @@ class Tab extends Component<IProps, IState> {
           ))}
         </div>
         <div className="content-tabs__content">
+          {/* eslint-disable-next-line @eslint-react/no-children-map */}
           {Children.map(children, (child, i) => (
             <div
-              // eslint-disable-next-line react/no-array-index-key
+              // eslint-disable-next-line react/no-array-index-key, @eslint-react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
diff --git a/src/components/ui/button/index.tsx b/src/components/ui/button/index.tsx
index 5c606f274..ba4353dae 100644
--- a/src/components/ui/button/index.tsx
+++ b/src/components/ui/button/index.tsx
@@ -223,7 +223,7 @@ class ButtonComponent extends Component<IProps, IState> {
     ) : (
       <button
         id={id}
-        // eslint-disable-next-line react/button-has-type
+        // eslint-disable-next-line react/button-has-type, @eslint-react/dom/no-missing-button-type
         type={type}
         onClick={onClick}
         className={classnames({
diff --git a/src/components/ui/imageUpload/index.tsx b/src/components/ui/imageUpload/index.tsx
index 876572484..092271ab0 100644
--- a/src/components/ui/imageUpload/index.tsx
+++ b/src/components/ui/imageUpload/index.tsx
@@ -129,7 +129,9 @@ class ImageUpload extends Component<IProps, IState> {
             </>
           ) : (
             <Dropzone
+              // eslint-disable-next-line react/jsx-no-bind
               onDropAccepted={this.onDropAccepted.bind(this)}
+              // eslint-disable-next-line react/jsx-no-bind
               onDropRejected={this.onDropRejected.bind(this)}
               multiple={multiple}
               accept={{
diff --git a/src/components/ui/input/index.tsx b/src/components/ui/input/index.tsx
index c61efe570..225517ba8 100644
--- a/src/components/ui/input/index.tsx
+++ b/src/components/ui/input/index.tsx
@@ -172,7 +172,7 @@ class Input extends Component<IProps, IState> {
             onFocus={onFocus}
             onBlur={onBlur}
             disabled={disabled}
-            onKeyPress={this.onInputKeyPress.bind(this)}
+            onKeyUp={this.onInputKeyPress.bind(this)}
             min={min}
             max={max}
             step={step}
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 2716ebc2d..397fd97ed 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -197,6 +197,7 @@ class SelectComponent extends Component<IProps, IState> {
     this.arrowKeysHandler = this.arrowKeysHandler.bind(this);
   }
 
+  // eslint-disable-next-line @eslint-react/no-unsafe-component-will-mount
   UNSAFE_componentWillMount(): void {
     const { value } = this.props;
 
@@ -417,6 +418,7 @@ class SelectComponent extends Component<IProps, IState> {
               ref={this.scrollContainerRef}
             >
               {Object.keys(options!).map((key, i) => (
+                // eslint-disable-next-line jsx-a11y/no-static-element-interactions
                 <div
                   key={key}
                   onClick={() => this.select(key)}
diff --git a/src/components/ui/textarea/index.tsx b/src/components/ui/textarea/index.tsx
index 4a0e77afe..e332f7a47 100644
--- a/src/components/ui/textarea/index.tsx
+++ b/src/components/ui/textarea/index.tsx
@@ -40,10 +40,9 @@ class TextareaComponent extends Component<IProps> {
     const { data } = this.props;
 
     if (this.textareaRef?.current && data) {
-      Object.keys(data).map(
-        // biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
-        key => (this.textareaRef.current!.dataset[key] = data[key]),
-      );
+      Object.keys(data).forEach(key => {
+        this.textareaRef.current!.dataset[key] = data[key];
+      });
     }
   }
 
diff --git a/src/containers/auth/AuthReleaseNotesScreen.tsx b/src/containers/auth/AuthReleaseNotesScreen.tsx
index 3191ba139..eac537ad6 100644
--- a/src/containers/auth/AuthReleaseNotesScreen.tsx
+++ b/src/containers/auth/AuthReleaseNotesScreen.tsx
@@ -43,6 +43,7 @@ class AuthReleaseNotesScreen extends Component<IProps, IState> {
       intl,
     );
 
+    // eslint-disable-next-line @eslint-react/no-set-state-in-component-did-mount
     this.setState({
       data,
     });
diff --git a/src/containers/download-manager/DownloadManagerScreen.tsx b/src/containers/download-manager/DownloadManagerScreen.tsx
index cd9686f4d..3413be37a 100644
--- a/src/containers/download-manager/DownloadManagerScreen.tsx
+++ b/src/containers/download-manager/DownloadManagerScreen.tsx
@@ -1,15 +1,12 @@
-import { Component, type ReactElement } from 'react';
 import DownloadManager from '../../components/downloadManager/DownloadManagerDashboard';
 import ErrorBoundary from '../../components/util/ErrorBoundary';
 
-class DownloadManagerScreen extends Component {
-  render(): ReactElement {
-    return (
-      <ErrorBoundary>
-        <DownloadManager {...this.props} />
-      </ErrorBoundary>
-    );
-  }
-}
+const DownloadManagerScreen = ({ ...props }) => {
+  return (
+    <ErrorBoundary>
+      <DownloadManager {...props} />
+    </ErrorBoundary>
+  );
+};
 
 export default DownloadManagerScreen;
diff --git a/src/containers/settings/EditServiceScreen.tsx b/src/containers/settings/EditServiceScreen.tsx
index dde69ef2d..f3b9b0857 100644
--- a/src/containers/settings/EditServiceScreen.tsx
+++ b/src/containers/settings/EditServiceScreen.tsx
@@ -141,13 +141,17 @@ class EditServiceScreen extends Component<IProps> {
     const { action } = this.props.params;
     const { recipes, services } = this.props.stores;
     const { createService, updateService } = this.props.actions.service;
+    // eslint-disable-next-line no-param-reassign
     data.darkReaderSettings = {
       brightness: data.darkReaderBrightness,
       contrast: data.darkReaderContrast,
       sepia: data.darkReaderSepia,
     };
+    // eslint-disable-next-line no-param-reassign
     delete data.darkReaderContrast;
+    // eslint-disable-next-line no-param-reassign
     delete data.darkReaderBrightness;
+    // eslint-disable-next-line no-param-reassign
     delete data.darkReaderSepia;
 
     const serviceData = data;
diff --git a/src/containers/settings/ReleaseNotesScreen.tsx b/src/containers/settings/ReleaseNotesScreen.tsx
index 482364817..3a7b8d0e9 100644
--- a/src/containers/settings/ReleaseNotesScreen.tsx
+++ b/src/containers/settings/ReleaseNotesScreen.tsx
@@ -1,16 +1,12 @@
-import { Component, type ReactElement } from 'react';
-
 import ReleaseNotes from '../../components/settings/releaseNotes/ReleaseNotesDashboard';
 import ErrorBoundary from '../../components/util/ErrorBoundary';
 
-class ReleaseNotesScreen extends Component {
-  render(): ReactElement {
-    return (
-      <ErrorBoundary>
-        <ReleaseNotes />
-      </ErrorBoundary>
-    );
-  }
-}
+const ReleaseNotesScreen = () => {
+  return (
+    <ErrorBoundary>
+      <ReleaseNotes />
+    </ErrorBoundary>
+  );
+};
 
 export default ReleaseNotesScreen;
diff --git a/src/containers/settings/SupportScreen.tsx b/src/containers/settings/SupportScreen.tsx
index 4c50869bb..3fdb0b4df 100644
--- a/src/containers/settings/SupportScreen.tsx
+++ b/src/containers/settings/SupportScreen.tsx
@@ -1,16 +1,12 @@
-import { Component, type ReactElement } from 'react';
-
 import SupportFerdium from '../../components/settings/supportFerdium/SupportFerdiumDashboard';
 import ErrorBoundary from '../../components/util/ErrorBoundary';
 
-class SupportScreen extends Component {
-  render(): ReactElement {
-    return (
-      <ErrorBoundary>
-        <SupportFerdium />
-      </ErrorBoundary>
-    );
-  }
-}
+const SupportScreen = () => {
+  return (
+    <ErrorBoundary>
+      <SupportFerdium />
+    </ErrorBoundary>
+  );
+};
 
 export default SupportScreen;
diff --git a/src/electron/ipc-api/autoUpdate.ts b/src/electron/ipc-api/autoUpdate.ts
index 775daf602..44e2a1b19 100644
--- a/src/electron/ipc-api/autoUpdate.ts
+++ b/src/electron/ipc-api/autoUpdate.ts
@@ -1,5 +1,6 @@
 import { BrowserWindow, ipcMain } from 'electron';
 import { autoUpdater } from 'electron-updater';
+// eslint-disable-next-line import/no-cycle
 import { appEvents } from '../..';
 
 const debug = require('../../preload-safe-debug')('Ferdium:ipcApi:autoUpdate');
diff --git a/src/electron/ipc-api/index.ts b/src/electron/ipc-api/index.ts
index 48c6d142c..83cc5eae2 100644
--- a/src/electron/ipc-api/index.ts
+++ b/src/electron/ipc-api/index.ts
@@ -1,6 +1,7 @@
 import type { BrowserWindow } from 'electron';
 import type TrayIcon from '../../lib/Tray';
 import appIndicator from './appIndicator';
+// eslint-disable-next-line import/no-cycle
 import autoUpdate from './autoUpdate';
 import dnd from './dnd';
 import download from './download';
diff --git a/src/electron/macOSPermissions.ts b/src/electron/macOSPermissions.ts
index 90f0f4028..a3bbbbe19 100644
--- a/src/electron/macOSPermissions.ts
+++ b/src/electron/macOSPermissions.ts
@@ -2,7 +2,7 @@ import { dirname } from 'node:path';
 import { type BrowserWindow, dialog, systemPreferences } from 'electron';
 import { mkdirSync, pathExistsSync, writeFileSync } from 'fs-extra';
 import macosVersion from 'macos-version';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
+// eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
 // @ts-ignore
 import { askForScreenCaptureAccess } from 'node-mac-permissions';
 import { userDataPath } from '../environment-remote';
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index 049080505..9b7715a23 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -46,6 +46,7 @@ function generateAccentStyle(accentColorStr) {
   try {
     accentColor = color(accentColorStr);
   } catch {
+    // eslint-disable-next-line no-param-reassign
     accentColorStr = DEFAULT_APP_SETTINGS.accentColor;
     accentColor = color(accentColorStr);
   }
diff --git a/src/features/basicAuth/Component.tsx b/src/features/basicAuth/Component.tsx
index 7c901344d..bae38443a 100644
--- a/src/features/basicAuth/Component.tsx
+++ b/src/features/basicAuth/Component.tsx
@@ -61,6 +61,7 @@ class BasicAuthModal extends Component<IProps> {
       <Modal
         isOpen={isModalVisible}
         className={classes.modal}
+        // eslint-disable-next-line react/jsx-no-bind
         close={this.cancel.bind(this)}
         showClose={false}
       >
@@ -86,6 +87,7 @@ class BasicAuthModal extends Component<IProps> {
               type="button"
               label={intl.formatMessage(globalMessages.cancel)}
               buttonType="secondary"
+              // eslint-disable-next-line react/jsx-no-bind
               onClick={this.cancel.bind(this)}
             />
             <Button
diff --git a/src/features/communityRecipes/store.ts b/src/features/communityRecipes/store.ts
index 1c21908e2..548867528 100644
--- a/src/features/communityRecipes/store.ts
+++ b/src/features/communityRecipes/store.ts
@@ -27,6 +27,7 @@ export class CommunityRecipesStore extends FeatureStore {
     return this.stores.recipePreviews.dev.map(
       (recipePreview: { isDevRecipe: boolean; author: any[] }) => {
         // TODO: Need to figure out if this is even necessary/used
+        // eslint-disable-next-line no-param-reassign
         recipePreview.isDevRecipe = !!recipePreview.author.some(
           (author: { email: string }) =>
             author.email === this.stores.user.data.email,
diff --git a/src/features/quickSwitch/Component.tsx b/src/features/quickSwitch/Component.tsx
index 4a48b1e6c..3a7477f62 100644
--- a/src/features/quickSwitch/Component.tsx
+++ b/src/features/quickSwitch/Component.tsx
@@ -302,6 +302,7 @@ class QuickSwitchModal extends Component<IProps, IState> {
         isOpen={isModalVisible}
         className={`${classes.modal} quick-switch`}
         shouldCloseOnOverlayClick
+        // eslint-disable-next-line react/jsx-no-bind
         close={this.close.bind(this)}
       >
         <H1 className={classes.headline}>
@@ -318,6 +319,7 @@ class QuickSwitchModal extends Component<IProps, IState> {
 
         <div className={classes.services}>
           {services.map((service, index) => (
+            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
             <div
               className={`${classes.service} ${
                 this.state.selected === index
diff --git a/src/features/todos/actions.ts b/src/features/todos/actions.ts
index c2000752f..27c7e489b 100644
--- a/src/features/todos/actions.ts
+++ b/src/features/todos/actions.ts
@@ -36,6 +36,7 @@ export const todoActions = createActionsFromDefinitions<TodoActionsType>(
       channel: PropTypes.string.isRequired,
       message: PropTypes.shape({
         action: PropTypes.string.isRequired,
+        // eslint-disable-next-line react/forbid-prop-types
         data: PropTypes.object,
       }),
     },
diff --git a/src/features/todos/components/TodosWebview.tsx b/src/features/todos/components/TodosWebview.tsx
index f9493d519..544768bbf 100644
--- a/src/features/todos/components/TodosWebview.tsx
+++ b/src/features/todos/components/TodosWebview.tsx
@@ -92,6 +92,7 @@ class TodosWebview extends Component<IProps, IState> {
   }
 
   componentDidMount() {
+    // eslint-disable-next-line @eslint-react/no-set-state-in-component-did-mount
     this.setState({
       width: this.props.width,
     });
@@ -173,6 +174,7 @@ class TodosWebview extends Component<IProps, IState> {
     }
 
     return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       <div
         className={classnames({
           [classes.root]: true,
@@ -185,6 +187,7 @@ class TodosWebview extends Component<IProps, IState> {
         ref={this.node}
         id="todos-panel"
       >
+        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
         <div
           className={classes.resizeHandler}
           style={{
diff --git a/src/features/todos/index.ts b/src/features/todos/index.ts
index 2fa8c3130..5465ed48a 100644
--- a/src/features/todos/index.ts
+++ b/src/features/todos/index.ts
@@ -3,6 +3,7 @@ import TodoStore from './store';
 export const todosStore = new TodoStore();
 
 export default function initTodos(stores: { todos?: any }, actions: any) {
+  // eslint-disable-next-line no-param-reassign
   stores.todos = todosStore;
   todosStore.start(stores, actions);
 }
diff --git a/src/features/webControls/containers/WebControlsScreen.tsx b/src/features/webControls/containers/WebControlsScreen.tsx
index b492264bf..8709fcba5 100644
--- a/src/features/webControls/containers/WebControlsScreen.tsx
+++ b/src/features/webControls/containers/WebControlsScreen.tsx
@@ -118,8 +118,10 @@ class WebControlsScreen extends Component<IProps> {
     }
 
     try {
+      // eslint-disable-next-line no-param-reassign
       url = new URL(url).toString();
     } catch {
+      // eslint-disable-next-line no-param-reassign
       url =
         /^((?!-))(xn--)?[\da-z][\d_a-z-]{0,61}[\da-z]{0,1}\.(xn--)?([\da-z-]{1,61}|[\da-z-]{1,30}\.[a-z]{2,})$/.test(
           url,
diff --git a/src/features/workspaces/components/CreateWorkspaceForm.tsx b/src/features/workspaces/components/CreateWorkspaceForm.tsx
index 0c365564a..b35ffe4d8 100644
--- a/src/features/workspaces/components/CreateWorkspaceForm.tsx
+++ b/src/features/workspaces/components/CreateWorkspaceForm.tsx
@@ -81,6 +81,7 @@ class CreateWorkspaceForm extends Component<IProps> {
           className={classes.input}
           showLabel={false}
           // @ts-expect-error Expected 1 arguments, but got 2.
+          // eslint-disable-next-line react/jsx-no-bind
           onEnterKey={this.submitForm.bind(this, form)}
           focus={workspaceStore.isUserAllowedToUseFeature}
         />
@@ -89,6 +90,7 @@ class CreateWorkspaceForm extends Component<IProps> {
           type="submit"
           label={intl.formatMessage(messages.submitButton)}
           // @ts-expect-error Expected 1 arguments, but got 2.
+          // eslint-disable-next-line react/jsx-no-bind
           onClick={this.submitForm.bind(this, form)}
           busy={isSubmitting}
           buttonType={isSubmitting ? 'secondary' : 'primary'}
diff --git a/src/features/workspaces/components/EditWorkspaceForm.tsx b/src/features/workspaces/components/EditWorkspaceForm.tsx
index 18e7c251e..cc7a2b19b 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.tsx
+++ b/src/features/workspaces/components/EditWorkspaceForm.tsx
@@ -92,6 +92,7 @@ class EditWorkspaceForm extends Component<IProps> {
     this.form = this.prepareWorkspaceForm(this.props.workspace);
   }
 
+  // eslint-disable-next-line @eslint-react/no-unsafe-component-will-receive-props
   UNSAFE_componentWillReceiveProps(nextProps): void {
     const { workspace } = this.props;
     if (workspace.id !== nextProps.workspace.id) {
@@ -178,11 +179,11 @@ class EditWorkspaceForm extends Component<IProps> {
           <span className="settings__header-item">{workspace.name}</span>
         </div>
         <div className="settings__body">
-          {updateWorkspaceRequest.error && (
+          {updateWorkspaceRequest.error ? (
             <Infobox icon="alert" type="danger">
               Error while saving workspace
             </Infobox>
-          )}
+          ) : null}
           <div className={classes.nameInput}>
             <Input {...form.$('name').bind()} />
             <Toggle {...form.$('keepLoaded').bind()} />
@@ -228,6 +229,7 @@ class EditWorkspaceForm extends Component<IProps> {
             buttonType={isDeleting ? 'secondary' : 'danger'}
             className="settings__delete-button"
             disabled={isDeleting}
+            // eslint-disable-next-line react/jsx-no-bind
             onClick={this.delete.bind(this)}
           />
           {/* ===== Save Button ===== */}
@@ -237,6 +239,7 @@ class EditWorkspaceForm extends Component<IProps> {
             busy={isSaving}
             className="franz-form__button"
             buttonType={isSaving ? 'secondary' : 'primary'}
+            // eslint-disable-next-line react/jsx-no-bind
             onClick={this.save.bind(this, form)}
             // TODO: Need to disable if no services have been added to this workspace
             disabled={isSaving}
diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx
index cce333b31..e92bc4b60 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawer.tsx
@@ -129,6 +129,7 @@ class WorkspaceDrawer extends Component<IProps> {
       <div className={`${classes.drawer} workspaces-drawer`}>
         <H1 className={classes.headline}>
           {intl.formatMessage(messages.headline)}
+          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
           <span
             className={classes.workspacesSettingsButton}
             onKeyDown={noop}
@@ -179,6 +180,7 @@ class WorkspaceDrawer extends Component<IProps> {
               shortcutIndex={index + 1}
             />
           ))}
+          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
           <div
             className={classes.addNewWorkspaceLabel}
             onClick={() => {
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
index 1e4b57dba..01a18ffb0 100644
--- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
@@ -111,6 +111,7 @@ class WorkspaceDrawerItem extends Component<IProps> {
     const contextMenu = Menu.buildFromTemplate(contextMenuTemplate);
 
     return (
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       <div
         className={classnames([
           classes.item,
diff --git a/src/features/workspaces/components/WorkspaceServiceListItem.tsx b/src/features/workspaces/components/WorkspaceServiceListItem.tsx
index 6f61f8a51..a56e5802f 100644
--- a/src/features/workspaces/components/WorkspaceServiceListItem.tsx
+++ b/src/features/workspaces/components/WorkspaceServiceListItem.tsx
@@ -42,6 +42,7 @@ class WorkspaceServiceListItem extends Component<IProps> {
     const { classes, isInWorkspace, onToggle, service } = this.props;
     return (
       // onclick in below div used to fix bug raised under toggle duplicate component removal
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       <div className={classes.listItem} onClick={onToggle} onKeyDown={noop}>
         <ServiceIcon className={classes.serviceIcon} service={service} />
         <span
diff --git a/src/features/workspaces/components/WorkspacesDashboard.tsx b/src/features/workspaces/components/WorkspacesDashboard.tsx
index 8fb2cf923..ad54c6682 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.tsx
+++ b/src/features/workspaces/components/WorkspacesDashboard.tsx
@@ -105,33 +105,33 @@ class WorkspacesDashboard extends Component<IProps> {
         <div className="settings__body">
           {/* ===== Workspace updated info ===== */}
           {updateWorkspaceRequest.wasExecuted &&
-            updateWorkspaceRequest.result && (
-              <Appear className={classes.appear}>
-                <Infobox
-                  type="success"
-                  icon="checkbox-marked-circle-outline"
-                  dismissible
-                  onUnmount={updateWorkspaceRequest.reset}
-                >
-                  {intl.formatMessage(messages.updatedInfo)}
-                </Infobox>
-              </Appear>
-            )}
+          updateWorkspaceRequest.result ? (
+            <Appear className={classes.appear}>
+              <Infobox
+                type="success"
+                icon="checkbox-marked-circle-outline"
+                dismissible
+                onUnmount={updateWorkspaceRequest.reset}
+              >
+                {intl.formatMessage(messages.updatedInfo)}
+              </Infobox>
+            </Appear>
+          ) : null}
 
           {/* ===== Workspace deleted info ===== */}
           {deleteWorkspaceRequest.wasExecuted &&
-            deleteWorkspaceRequest.result && (
-              <Appear className={classes.appear}>
-                <Infobox
-                  type="success"
-                  icon="checkbox-marked-circle-outline"
-                  dismissible
-                  onUnmount={deleteWorkspaceRequest.reset}
-                >
-                  {intl.formatMessage(messages.deletedInfo)}
-                </Infobox>
-              </Appear>
-            )}
+          deleteWorkspaceRequest.result ? (
+            <Appear className={classes.appear}>
+              <Infobox
+                type="success"
+                icon="checkbox-marked-circle-outline"
+                dismissible
+                onUnmount={deleteWorkspaceRequest.reset}
+              >
+                {intl.formatMessage(messages.deletedInfo)}
+              </Infobox>
+            </Appear>
+          ) : null}
 
           {/* ===== Create workspace form ===== */}
           <div className={classes.createForm}>
@@ -169,7 +169,7 @@ class WorkspacesDashboard extends Component<IProps> {
                       </p>
                     </div>
                   ) : (
-                    <table className={classes.table} role="grid">
+                    <table className={classes.table}>
                       {/* ===== Workspaces list ===== */}
                       <tbody>
                         {workspaces.map(workspace => (
diff --git a/src/features/workspaces/index.ts b/src/features/workspaces/index.ts
index 25975936a..cbe5bb5fd 100644
--- a/src/features/workspaces/index.ts
+++ b/src/features/workspaces/index.ts
@@ -3,6 +3,7 @@ import WorkspacesStore from './store';
 export const workspaceStore = new WorkspacesStore();
 
 export default function initWorkspaces(stores, actions) {
+  // eslint-disable-next-line no-param-reassign
   stores.workspaces = workspaceStore;
   workspaceStore.start(stores, actions);
 }
diff --git a/src/index.ts b/src/index.ts
index a2fcfb890..999d84348 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -572,6 +572,7 @@ ipcMain.on(
           for (const key in headers) {
             if (Object.prototype.hasOwnProperty.call(headers, key)) {
               const value = headers[key];
+              // eslint-disable-next-line no-param-reassign
               details.requestHeaders[key] = value;
             }
           }
diff --git a/src/internal-server/app/Controllers/Http/ImageController.js b/src/internal-server/app/Controllers/Http/ImageController.js
index 3ce6fb22d..930eca693 100644
--- a/src/internal-server/app/Controllers/Http/ImageController.js
+++ b/src/internal-server/app/Controllers/Http/ImageController.js
@@ -20,6 +20,7 @@ class ImageController {
     try {
       await fs.access(iconPath);
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.log(error);
       // File not available.
       return response.status(404).send({
diff --git a/src/internal-server/start/migrate.js b/src/internal-server/start/migrate.js
index 67533ed9e..bbe12f5ba 100644
--- a/src/internal-server/start/migrate.js
+++ b/src/internal-server/start/migrate.js
@@ -8,6 +8,7 @@ const Database = use('Database');
 const User = use('App/Models/User');
 
 const migrateLog = text => {
+  // eslint-disable-next-line no-console
   console.log('\u001B[36m%s\u001B[0m', 'Ferdium Migration:', '\u001B[0m', text);
 };
 
diff --git a/src/internal-server/test.ts b/src/internal-server/test.ts
index c163656fb..991218942 100644
--- a/src/internal-server/test.ts
+++ b/src/internal-server/test.ts
@@ -6,5 +6,5 @@ const dummyUserFolder = join(__dirname, 'user_data');
 
 ensureDirSync(dummyUserFolder);
 
-// eslint-disable-next-line unicorn/prefer-top-level-await
+// eslint-disable-next-line unicorn/prefer-top-level-await, no-console
 server(dummyUserFolder, 46_568, 'test').catch(console.log);
diff --git a/src/jsUtils.ts b/src/jsUtils.ts
index 31d6a2121..72e8111e6 100644
--- a/src/jsUtils.ts
+++ b/src/jsUtils.ts
@@ -9,7 +9,7 @@ export const convertToJSON = (data?: string | any | null) =>
 export const cleanseJSObject = (data?: any | null) =>
   JSON.parse(JSON.stringify(data));
 
-export const isEscKeyPress = (keyCode: number) => keyCode === 27;
+export const isEscKeyPress = (key: string) => key === 'Escape';
 
 export const safeParseInt = (text?: string | number | null) => {
   if (text === undefined || text === null) {
diff --git a/src/routes.tsx b/src/routes.tsx
index d2a88950f..3615c9f99 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -114,6 +114,7 @@ class FerdiumRoutes extends Component<IProps> {
             >
               <Route
                 path="/releasenotes"
+                // @ts-expect-error Fix me
                 element={<ReleaseNotesScreen {...this.props} />}
               />
             </Route>
@@ -184,10 +185,12 @@ class FerdiumRoutes extends Component<IProps> {
               />
               <Route
                 path="/settings/support"
+                // @ts-expect-error Fix me
                 element={<SupportFerdiumScreen {...this.props} />}
               />
               <Route
                 path="/settings/releasenotes"
+                // @ts-expect-error Fix me
                 element={<ReleaseNotesScreen {...this.props} />}
               />
             </Route>
diff --git a/src/stores/AppStore.ts b/src/stores/AppStore.ts
index b0a925411..51058c8eb 100644
--- a/src/stores/AppStore.ts
+++ b/src/stores/AppStore.ts
@@ -571,7 +571,7 @@ export default class AppStore extends TypedStore {
     debug(`Removed download ${id}`);
     if (id === null) {
       const indexesToRemove: number[] = [];
-      this.downloads.map(item => {
+      this.downloads.forEach(item => {
         if (!item.state) return;
         if (item.state === 'completed' || item.state === 'cancelled') {
           indexesToRemove.push(this.downloads.indexOf(item));
diff --git a/src/stores/ServicesStore.ts b/src/stores/ServicesStore.ts
index 8105aa084..6c7a55d6b 100644
--- a/src/stores/ServicesStore.ts
+++ b/src/stores/ServicesStore.ts
@@ -332,6 +332,7 @@ export default class ServicesStore extends TypedStore {
             .slice()
             .sort((a, b) => a.order - b.order)
             .map((s, index) => {
+              // eslint-disable-next-line no-param-reassign
               s.index = index;
               return s;
             }),
@@ -462,6 +463,7 @@ export default class ServicesStore extends TypedStore {
     }
 
     // set default values for serviceData
+    // eslint-disable-next-line no-param-reassign
     serviceData = {
       isEnabled: DEFAULT_SERVICE_SETTINGS.isEnabled,
       isHibernationEnabled: DEFAULT_SERVICE_SETTINGS.isHibernationEnabled,
@@ -649,6 +651,7 @@ export default class ServicesStore extends TypedStore {
   }
 
   @action _setIsActive(service: Service, state: boolean): void {
+    // eslint-disable-next-line no-param-reassign
     service.isActive = state;
   }
 
@@ -742,7 +745,9 @@ export default class ServicesStore extends TypedStore {
   }
 
   @action _detachService({ service }) {
+    // eslint-disable-next-line no-param-reassign
     service.webview = null;
+    // eslint-disable-next-line no-param-reassign
     service.isAttached = false;
   }
 
@@ -1023,6 +1028,7 @@ export default class ServicesStore extends TypedStore {
     }
 
     if (!service.webview) return;
+    // eslint-disable-next-line consistent-return
     return service.webview.loadURL(service.url);
   }
 
@@ -1226,7 +1232,9 @@ export default class ServicesStore extends TypedStore {
 
     // eslint-disable-next-line unicorn/consistent-function-scoping
     const resetTimer = (service: Service) => {
+      // eslint-disable-next-line no-param-reassign
       service.lastPollAnswer = Date.now();
+      // eslint-disable-next-line no-param-reassign
       service.lastPoll = Date.now();
     };
 
@@ -1375,6 +1383,7 @@ export default class ServicesStore extends TypedStore {
       delete serviceData.team;
     }
 
+    // eslint-disable-next-line consistent-return
     return serviceData;
   }
 
diff --git a/src/stores/lib/Request.ts b/src/stores/lib/Request.ts
index e7739bba1..566fa5018 100644
--- a/src/stores/lib/Request.ts
+++ b/src/stores/lib/Request.ts
@@ -4,7 +4,7 @@ import { action, computed, makeObservable, observable } from 'mobx';
 type Hook = (request: Request) => void;
 
 export default class Request {
-  static _hooks: Hook[] = [];
+  static readonly _hooks: Hook[] = [];
 
   static registerHook(hook: Hook) {
     Request._hooks.push(hook);
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index 50accd8d7..1b79fd5c3 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -74,6 +74,7 @@
 
     .settings__help {
       color: $dark-theme-gray-lightest;
+      margin-top: 16px;
     }
 
     .settings__controls {
diff --git a/src/themes/default/index.ts b/src/themes/default/index.ts
index 8df7ff06e..458d4999d 100644
--- a/src/themes/default/index.ts
+++ b/src/themes/default/index.ts
@@ -7,6 +7,7 @@ import * as legacyStyles from '../legacy';
 
 export default (brandPrimary: string) => {
   if (!brandPrimary) {
+    // eslint-disable-next-line no-param-reassign
     brandPrimary = '#7266F0';
   }
   const brandSuccess = '#5cb85c';
diff --git a/src/webview/lib/RecipeWebview.ts b/src/webview/lib/RecipeWebview.ts
index 3b6b9cc88..2e967a791 100644
--- a/src/webview/lib/RecipeWebview.ts
+++ b/src/webview/lib/RecipeWebview.ts
@@ -128,7 +128,6 @@ class RecipeWebview {
    *                          be an absolute path to the file
    */
   injectCSS(...files) {
-    // eslint-disable-next-line unicorn/no-array-for-each
     files.forEach(file => {
       if (pathExistsSync(file)) {
         const styles = document.createElement('style');
diff --git a/test/jsUtils.test.ts b/test/jsUtils.test.ts
index 0662c3c48..cdded7aca 100644
--- a/test/jsUtils.test.ts
+++ b/test/jsUtils.test.ts
@@ -97,13 +97,13 @@ describe('jsUtils', () => {
   });
 
   describe('isEscKeyPress', () => {
-    it('returns true if the key number is 27', () => {
-      const result = jsUtils.isEscKeyPress(27);
+    it('returns true if the key is "Escape"', () => {
+      const result = jsUtils.isEscKeyPress('Escape');
       expect(result).toEqual(true);
     });
 
-    it('returns false if the key number is 27', () => {
-      const result = jsUtils.isEscKeyPress(28);
+    it('returns false if the key is some other key', () => {
+      const result = jsUtils.isEscKeyPress('Backspace');
       expect(result).toEqual(false);
     });
   });