Add support for automatic code formatting and liniting

[steekam]

Closes issue #13

Changes

• Installed dev dependencies: prettier, eslint tools and config dependencies related to the project.
• Uses a pre-commit hook to apply formatting changes with prettier and linting with eslint.
• ESLint auto fixes what it can then displays errors and warnings with suggestions.
• Prettier rules are specified in .prettierrc.json.
• ESLint config is in .eslintrc.json which has react and typescript specific support.
• The current rules and config are based on the respective tool's recommendation but the project maintainers can update the config as they see fit.
• I have done the initial run of the tools in the components and pages directories, hence the huge line number diffs.

Note
I am not well versed with TypeScript so some of the fixes I have done based on eslint errors may not be ideal.

Resources

• Lint staged package
• Prettier Available Rules
• ESLint Docs
• Tailwind CSS prettier plugin
• Prettier editor support
• ESLint editor support