Add prettier to project

Problem

The project doesn’t have any prettier, so the code style doesn’t follow any rule letting anyone commit formatted code

Solution

Add prettier to project

PS:

Here needed to be evaluated: training comma, ; at the end, parentheses on one arg arrow function …

[peacechen]

There may be some truth to that, but there is overlap. ESlint has built-in formatting capabilities too. That statement from prettier is more marketing gimmick than absolute truth 🤣

https://www.digitalocean.com/community/tutorials/linting-and-formatting-with-eslint-in-vs-code https://medium.com/@netczuk/even-faster-code-formatting-using-eslint-22b80d061461

Prettier undoes multi-line JSX props and smashes them all onto one long line. That’s the reason prettier was removed, and they refuse to add an option to stop doing that so this project won’t go back to prettier. https://github.com/prettier/prettier/issues/5501

[peacechen]

If you have any recommendations for eslint configuration rules, please feel free to submit a PR. It is valuable to have a basic set of formatting behavior.