Set up automatic linting and code formatting

[steekam]

This is a proposal to add automatic prettier code formatting and eslint code linting to the project. This would be added as pre-commit hooks using husky tool. Only the stages files are formatted and linted. Let contributors focus on writing code more than the formatting and coding guidelines.

As part of the prettier install, I would recommend adding the Official Tailwind CSS prettier plugin. It will sort classes based on the recommendation from the creators of the library. Here is a link to the rationale behind the sorting.

I believe this will good addition as contributors increase.

[katungi]

Hey @steekam, this is a really good idea. How about we do this over the weekend when this sprint ends? Also, I would love to hear @VeldaKiara's thoughts on this.

[lekipising]

Hello @katungi what is the status of this issue? Has it been done? Assigned?

[VeldaKiara]

@katungi its a good idea that should be implemented

[katungi]

Hey @steekam, wanna take up this issue?

[steekam]

Yeah, sure. I can handle it 😄!

[katungi]

Awesome, have at it.