chore(webui): adding prettier

[gnugomez]

The problem we're facing right now is that despite we do have some stylistic rules we were not enforcing a full config, meaning that we did not had much formatting rules working, those were really minimal and don't provide help most of the time to keep code formatting consistent.

I tailored a prettier config to reduce how many changes will it produce, although 169 files will be affected.

I'm replacing @stylistic/eslint-plugin with prettier since it's provides a wider more opinionated formatting.

To keep things consistent to how we were working up to now I made prettier work through eslint, this way we will only run prettier once per file.

[gnugomez]

@amvanbaren I know you added https://eslint.style/ not too long ago to the project, although not many formatting was happening, was this intended?

I'm creating this PR because while working on some patches it got really painful to get things formatted. Things like JSX was not really being formatted. Overall it felt quite inconsistent.

[netomi]

I did the following changes:

• set line width to 120
• bracketSameLine: true
• add a pre-commit hook to run yarn lint
• add an analyse job in the main.yml workflow to run the pre-commit hooks
• apply yarn lint --fix

[netomi]

works really well in my IDE (WebStorm). eslint is automatically detected and when I save a file it applies --fix on it and reformats it.