refactor: Update and refactor various parts of the frontend

.gitignore

@@ -161,3 +161,6 @@ node_modules/
 
 # Mac stuff
 .DS_Store
+
+# IntelliJ project files
+.idea/

.pre-commit-config.yaml

@@ -99,13 +99,13 @@ repos:
         additional_dependencies:
           - docformatter[tomli]
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: v0.9.1
+    rev: v0.9.2
     hooks:
       - id: ruff
         args: [--extend-ignore=FIX, --fix]
       - id: ruff-format
   - repo: https://github.com/rhysd/actionlint
-    rev: v1.7.6
+    rev: v1.7.7
     hooks:
       - id: actionlint
   - repo: https://github.com/pre-commit/mirrors-mypy
@@ -136,30 +136,17 @@ repos:
     hooks:
       - id: prettier
         name: prettier
-        entry: prettier --write
-        language: node
+        language: system
+        entry: sh -c 'make frontend/node_modules && ./frontend/node_modules/.bin/prettier --write "$@"' --
+        require_serial: true
         types_or: [javascript, jsx, ts, css, html, markdown]
-        additional_dependencies:
-          - '[email protected]'
-          - '[email protected]'
-          - '[email protected]'
-          - '[email protected]'
-          - '[email protected]'
-  - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v9.18.0
+  - repo: local
     hooks:
       - id: eslint
-        additional_dependencies:
-          - 'eslint@^8.57.0'
-          - 'eslint-config-prettier@^9.1.0'
-          - 'eslint-plugin-import@^2.29.1'
-          - 'eslint-plugin-unused-imports@^3.1.0'
-          - 'eslint-plugin-deprecation@^2.0.0'
-          - 'eslint-plugin-tailwindcss@^3.15.1'
-          - 'eslint-plugin-storybook@^0.8.0'
-          - 'eslint-plugin-react@^7.34.1'
-          - 'eslint-plugin-react-hooks@^4.6.2'
-          - 'eslint-plugin-react-refresh@^0.4.5'
-        args: ['--fix']
+        name: eslint
+        language: system
+        entry: sh -c 'make frontend/node_modules && ./frontend/node_modules/.bin/eslint "$@"' --
+        require_serial: true
+        args: ['--fix', '--config', 'frontend/eslint.config.js']
         types: []
         files: '^frontend/.*\.(js|jsx)$'

frontend/.storybook/main.js

@@ -8,15 +8,7 @@ const config = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
-    {
-      name: '@storybook/addon-postcss',
-      options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss')
-        }
-      }
-    }
+    '@storybook/addon-interactions'
   ],
   framework: {
     name: '@storybook/react-vite',

frontend/eslint.config.js

@@ -0,0 +1,43 @@
+/*
+ * Copyright DB InfraGO AG and contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import eslintConfigPrettier from 'eslint-config-prettier';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  { files: ['**/*.{js,mjs,cjs,jsx}'] },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  pluginReact.configs.flat['jsx-runtime'],
+  {
+    rules: {
+      'react/jsx-no-target-blank': 'off',
+      'react/prop-types': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true }
+      ],
+      'max-len': [
+        'error',
+        { code: 100, ignoreUrls: true, ignoreStrings: true }
+      ]
+    }
+  },
+  reactRefresh.configs.recommended,
+  // TODO: Simplify when https://github.com/facebook/react/issues/28313 is released
+  {
+    plugins: {
+      'react-hooks': reactHooks
+    },
+    rules: { ...reactHooks.configs.recommended.rules }
+  },
+  eslintConfigPrettier
+];