chore: add husky to format on commit

.husky/pre-commit

@@ -0,0 +1,2 @@
+#!/bin/sh
+npx lint-staged

package.json

@@ -9,7 +9,8 @@
     "test": "ng test",
     "lint": "ng lint",
     "format": "prettier --ignore-path .gitignore --write \"**/*.+(js|ts|json|html)\"",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "prepare": "husky"
   },
   "private": true,
   "dependencies": {
@@ -42,19 +43,26 @@
     "eslint": "^9.6.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
+    "husky": "^9.1.1",
     "jasmine-core": "~3.8.0",
     "jasmine-spec-reporter": "~5.0.0",
     "karma": "~6.3.9",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
+    "lint-staged": "^15.2.7",
     "postcss": "^8.4.39",
     "prettier-eslint": "^16.3.0",
     "protractor": "~7.0.0",
     "tailwindcss": "^3.4.6",
     "ts-node": "~8.3.0",
     "typescript": "~5.4.5",
     "typescript-eslint": "8.0.0-alpha.38"
+  },
+  "lint-staged": {
+    "**/*.{js,ts,html,css}": [
+      "prettier --write"
+    ]
   }
 }

src/app/api-documentation/api-documentation.component.css

@@ -1,9 +1,9 @@
 dl {
   counter-reset: section;
 }
-dt:before{
-    counter-increment: section;
-    content: counter(section) ". ";
+dt:before {
+  counter-increment: section;
+  content: counter(section) '. ';
 }
 dd {
   margin-bottom: 3rem;

src/app/app.component.css

@@ -1,38 +1,38 @@
-@media print,screen and (max-width: 1408px) {
-	.app-content {
-		margin-left: 15%;
-		width: 70%;
-	}
+@media print, screen and (max-width: 1408px) {
+  .app-content {
+    margin-left: 15%;
+    width: 70%;
+  }
 }
 
-@media print,screen and (max-width: 1216px) {
-	.app-content {
-		margin-left: 15%;
-		width: 70%;
-	}
+@media print, screen and (max-width: 1216px) {
+  .app-content {
+    margin-left: 15%;
+    width: 70%;
+  }
 }
 
-@media print,screen and (max-width: 769px) {
-	.app-content {
-		margin-left: 10%;
-		width: 80%;
-	}
+@media print, screen and (max-width: 769px) {
+  .app-content {
+    margin-left: 10%;
+    width: 80%;
+  }
 }
-@media print,screen and (max-width: 514px) {
-	.app-content {
-		margin-left: 0;
-		width: 100%;
-	}
+@media print, screen and (max-width: 514px) {
+  .app-content {
+    margin-left: 0;
+    width: 100%;
+  }
 }
 
 .header-main {
-	padding: 1rem 3rem;
+  padding: 1rem 3rem;
 }
 
 .bd-main {
-	padding: 1rem 3rem;
+  padding: 1rem 3rem;
 }
 
 .footer {
-	padding: 1rem 3rem;
+  padding: 1rem 3rem;
 }