Add pre-commit hook for prettier:write script

[Han5991]

Overview

This PR adds a git pre-commit hook to automatically run the prettier:write script before code commits. This improvement was implemented because many team members were experiencing failed GitHub Actions due to prettier check failures when submitting PRs. By automating the formatting process at commit time, we can prevent these failures and improve the development workflow.

Key Changes

1. Installation of husky and lint-staged packages
2. Configuration of pre-commit hook (automatic formatting before code commits)
3. Setup of lint-staged (formatting only staged files)

Detailed Description

Installed Packages

• husky: A tool for easily setting up Git hooks
• lint-staged: A tool for running lint commands only on staged files

Configuration Files

1. package.json:

   • Added prepare script: "prepare": "husky && chmod +x .husky/*"
   • This ensures that when a new developer clones the project and runs yarn install, husky is automatically installed and hook files are granted execution permissions.

2. .husky/pre-commit:

   • Configured to run yarn lint-staged command before commits
   • This file requires execution permissions

3. .lintstagedrc.json:

   {
     "**/*.{ts,tsx,css}": ["yarn prettier:write"]
   }

[rtivital]

I'd rather not have precommit hooks:

• I make up to 30 commits per day and waiting for them to run is a waste of time. Most editors have built-in plugins for prettier that formats on save.
• They do not actually work if you commit though GitHub interface. Most of the prettier errors come from PRs made from GitHub interface.

A better option will be to run a GitHub action that modifies the source code, not sure if that's possible.