chore: add husky pre-commit checks with lint-staged and prettier

[syedali237]

Related Tickets & Documents

Fixes: #3506

Description

• This PR adds a fast, reliable pre-commit workflow so commits don’t slip in with lint/format issues.

Changes

• Adds Husky pre-commit hook to run staged files only during commit.
• Add Prettier + Tailwind plugin for consistent formatting
• Add configuration files for lint-staged and Prettier

Type of Change

• Chore (maintenance, refactoring, tooling updates)
• Bug fix (non-breaking change that fixes an issue)
• New feature (change that adds functionality)
• Breaking Change (may require updates in existing code)
• UI improvement (visual or design changes)
• Performance improvement (optimization or efficiency enhancements)
• Documentation update (changes to README, guides, etc.)
• CI (updates to continuous integration workflows)
• Revert (undo a previous commit or merge)

Testing

• npx lint-staged (verified it runs; requires staged files to do work)
• Ensure the build is successful after npm run build.

Demo

Environment and Dependencies

• New Dependencies: husky, lint-staged, prettier, prettier-plugin-tailwindcss
• Configuration Changes: Adds lint-staged.config.cjs, .prettierrc.json, .prettierignore; added Husky hook in pre-commit and scripts in package.json

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added corresponding tests
• I have run the build command to ensure there are no build errors
• [ ] My changes have been tested across relevant browsers/devices
• For UI changes, I've included visual evidence of my changes

[Copilot]

Pull request overview

This PR sets up automated code quality checks on commit using Husky and lint-staged, ensuring consistent formatting and linting before changes are committed.

Changes:

• Added Husky pre-commit hook that runs lint-staged on staged files only
• Configured Prettier with Tailwind plugin for consistent code formatting
• Added new npm scripts for linting, formatting, and type checking

Reviewed changes

Copilot reviewed 5 out of 6 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
package.json	Added new dependencies (husky, lint-staged, prettier, prettier-plugin-tailwindcss) and npm scripts for formatting, linting, and pre-commit hooks
lint-staged.config.cjs	Configured lint-staged to run ESLint and Prettier on staged files based on file type
.prettierrc.json	Configured Prettier with single quotes, trailing commas, 100 character line width, and Tailwind plugin
.prettierignore	Specified files and directories to exclude from Prettier formatting
.husky/pre-commit	Created Husky pre-commit hook that runs the precommit npm script

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[syedali237]

@amaan-bhati I haven’t added npm run format to the pre-commit hook yet, since it would introduce many changes in one PR. I will open a separate PR for formatting.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 6 changed files in this pull request and generated 1 comment.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.