chore(web): adjust prettier and eslint

Author: jomunker

web/.eslintrc.json

@@ -5,13 +5,14 @@
         "tsconfigRootDir": "__dirname",
         "sourceType": "module"
     },
-    "plugins": ["@typescript-eslint", "eslint-plugin-import-helpers"],
+    "plugins": ["@typescript-eslint", "eslint-plugin-import-helpers", "prettier"],
     "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended", "prettier"],
     "rules": {
+        "prettier/prettier": "error",
         "@typescript-eslint/no-unused-vars": "error",
         "@typescript-eslint/no-explicit-any": "error",
         "react/no-unescaped-entities": "off",
-        "no-console": "warn",
+        "no-console": "error",
         "@typescript-eslint/ban-ts-comment": "off",
         "import-helpers/order-imports": [
             "error",

web/.prettierrc

@@ -1,8 +1,10 @@
 {
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "tabWidth": 4,
-  "printWidth": 120,
-  "useTabs": false
+  "useTabs": true,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "printWidth": 160,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "trailingComma": "es5",
+  "semi": true
 }

web/package-lock.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "lint:fix": "next lint --fix"
   },
   "dependencies": {
     "@tabler/icons-react": "^2.45.0",
@@ -29,6 +30,7 @@
     "eslint-config-next": "13.5.6",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import-helpers": "^1.3.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "postcss": "^8",
     "postcss-import": "^16.0.0",
     "sass": "^1.70.0",