[Maintenance] Update ESLint configuration with additional rules

[devtobi]

Relevant template

refarch-frontend, refarch-webcomponent

Problem description (optional)

We are currently only using the recommended preset by ESLint and the included plugins. To improve code readability and structure and to provide good suggestions for coding patterns we want to extend this.
There are a lot of useful rules which are not enabled by default, e.g

• eslint/js: https://eslint.org/docs/latest/rules/ (all rules without checkmark icons)
• eslint-plugin-vue: https://eslint.vuejs.org/rules/#uncategorized and https://eslint.vuejs.org/rules/#extension-rules
• vuejs/eslint-config-typescript: https://github.com/vuejs/eslint-config-typescript#readme (stylistic rules and typechecked rules)
  We should investigate which rules are useful and enable them by default.

Desired solution

Goal of this issue is to separate the ESLint configuration into:

• a base configuration (e.g. eslint.config.recommended.js) with all recommended rule presets from the used plugins
• an extended configuration (e.g. eslint.config.extended.js) with additional rule presets from the used plugins and more rules of those plugins which are not enabled by default
  Make use of the extends mechanism of ESLint to avoid duplicate code in rule definition.

Considered alternatives (optional)

Additional context (optional)

TODO-List for investigation of rules:

• eslint/js
• eslint-plugin-vue
• vuejs/eslint-config-typescript

No duplicate

• I confirm that this issue is not a duplicate

Code of Conduct

• I agree to follow this project's Code of Conduct