➕ Add prettier for code formating

.prettierignore

@@ -0,0 +1,20 @@
+# Ignore everything
+/*
+
+# Except these files & folders
+!/components
+!/contents
+!/context
+!/hooks
+!/pages
+!/sections
+!/styles
+!/utils
+!/.github
+!tsconfig.json
+!tailwind.config.js 
+!postcss.config.js 
+!next.config.js 
+!package.json
+!.prettierrc
+!.eslintrc.json

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "arrowParens": "avoid",
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "endOfLine": "lf"
+}

package.json

@@ -6,7 +6,9 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format:check": "prettier --check .",
+    "format": "prettier --write ."
   },
   "dependencies": {
     "gray-matter": "^4.0.3",
@@ -30,6 +32,7 @@
     "eslint": "^8.27.0",
     "eslint-config-next": "^13.0.2",
     "postcss": "^8.4.18",
+    "prettier": "^2.7.1",
     "tailwindcss": "^3.2.2",
     "typescript": "4.8.4"
   }