adding stylistic eslint plugin to ui project

[miettal]

This PR migrate eslint formatting rules to stylistic plugin rules.

// current eslint version of this project is "eslint": "^8.57.0",. this means currently eslnt formatting check is not working, I think. // ^8.41 → ^8.57 bump is happen on #2623

The below text is the background to this problem.

last year, eslint deprecated formatting rules in v8.53.0 release.

https://eslint.org/blog/2023/11/eslint-v8.53.0-released/

Core formatting rules have been deprecated.

https://eslint.org/blog/2023/10/deprecating-formatting-rules/

The next minor release of ESLint will deprecate core formatting rules. We recommend you use a source code formatter instead.

And also they mentioned stylistic eslint plugin for migration.

If the idea of using a dedicated source code formatter doesn’t appeal to you, you can also use @stylistic/eslint-plugin-js for JavaScript or @stylistic/eslint-plugin-ts for TypeScript. These packages contain the deprecated formatting rules from the ESLint core and typescript-eslint, respectively. The packages are maintained by Anthony Fu, who has decided to continue maintaining these rules going forward. If you’d like to continue using the rules mentioned in this post, then we recommend switching to these packages.

[github-actions]

[sfeilmeier]

Thank you. I've been wondering why it did not work anymore 👍

[lukasrgr]

@miettal thx for your contribution 👍