feat: Set Up Auto Fromatting (#212)

* feat: Set Up Auto Fromatting

* remove formatting checkbox from PR template

---------

Co-authored-by: tanzimfh <51885607+tanzimfh@users.noreply.github.com>

.github/PULL_REQUEST_TEMPLATE.md

@@ -7,5 +7,4 @@
 ### Checks before you create your pull request
 
 - [ ] Did you read and follow article requirements?
-- [ ] Did you run prettier (`pnpm format`)?
 - [ ] Is it safe to rollback this change if anything goes wrong?

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm lint-staged

package.json

@@ -10,7 +10,11 @@
         "deploy": "docusaurus deploy",
         "serve": "docusaurus serve --no-open",
         "clear": "docusaurus clear",
-        "format": "prettier --list-different --write \"**/*.{js,jsx,ts,tsx,json,md}\""
+        "format": "prettier --list-different --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+        "prepare": "husky"
+    },
+    "lint-staged": {
+        "*.{js,ts,json,css,md}": "pnpm format"
     },
     "browserslist": {
         "production": [
@@ -51,6 +55,8 @@
         "@docusaurus/module-type-aliases": "3.7.0",
         "@docusaurus/tsconfig": "3.7.0",
         "@docusaurus/types": "3.7.0",
+        "husky": "^9.1.7",
+        "lint-staged": "^15.3.0",
         "prettier": "3.4.2",
         "typescript": "5.7.2"
     }