lint: add prettier for code formatting

Author: steadyfall

.eslintrc.json

@@ -9,11 +9,7 @@
     "no-debugger": "error",
     // "no-unused-vars": "off", // Handled by TS version above
 
-     // Style
-     "semi": ["error", "always"],
-     "quotes": ["error", "single", { "avoidEscape": true }],
-     "indent": ["error", 2],
-     "object-curly-spacing": ["error", "always"],
-     "comma-dangle": ["error", "always-multiline"]
+    // Prettier takes over formatting rules now
+    "prettier/prettier": "error"
   }
 }

.prettierrc

@@ -0,0 +1,8 @@
+{
+    "singleQuote": true,
+    "semi": true,
+    "trailingComma": "all",
+    "printWidth": 100,
+    "tabWidth": 2,
+    "arrowParens": "always"
+}

package-lock.json

@@ -7,7 +7,8 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "buildgh": "next build && next export"
+    "buildgh": "next build && next export",
+    "format": "prettier --write ."
   },
   "dependencies": {
     "@mdx-js/loader": "^3.1.0",
@@ -35,7 +36,10 @@
     "@types/react-dom": "^18",
     "eslint": "9.14.0",
     "eslint-config-next": "15.0.3",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.6",
     "postcss": "^8",
+    "prettier": "^3.5.3",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
   }