Merge pull request #259 from CSE-Shaco/develop

Chore: Update frontend linting, formatting, and build configurations

Author: CSE-Shaco

.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": [
+    "next/core-web-vitals",
+    "prettier"
+  ]
 }

.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+.next
+out
+build
+coverage
+dist

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "printWidth": 100,
+  "endOfLine": "lf"
+}

package-lock.json

@@ -6,42 +6,54 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@heroicons/react": "^2.2.0",
-    "@heroui/scroll-shadow": "^2.3.6",
-    "@heroui/system": "^2.4.7",
-    "@heroui/theme": "^2.4.6",
+    "@heroui/scroll-shadow": "^2.3.19",
+    "@heroui/system": "^2.4.25",
+    "@heroui/theme": "^2.4.25",
     "@nextui-org/react": "^2.6.11",
-    "@react-google-maps/api": "^2.20.7",
+    "@react-google-maps/api": "^2.20.8",
     "@splidejs/react-splide": "^0.7.12",
     "@splidejs/splide": "^4.1.4",
     "@splidejs/splide-extension-auto-scroll": "^0.5.3",
     "@studio-freight/lenis": "^1.0.42",
-    "axios": "^1.7.9",
-    "framer-motion": "^11.16.1",
-    "gsap": "^3.12.7",
+    "axios": "1.13.2",
+    "framer-motion": "^12.24.7",
+    "gsap": "^3.14.2",
     "hangul-js": "^0.2.6",
-    "lucide-react": "^0.507.0",
-    "next": ">=15.2.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-error-boundary": "^6.0.0",
+    "lucide-react": "^0.562.0",
+    "next": "15.5.9",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-error-boundary": "^6.0.2",
     "react-icons": "^5.4.0",
     "react-markdown": "^10.1.0",
-    "recharts": "^3.1.2",
+    "recharts": "^3.6.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "type-hangul": "^0.2.4"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "22.15.21",
-    "@types/react": "19.1.5",
+    "@types/react": "^18.2.0",
     "eslint": "^8",
-    "eslint-config-next": "15.0.2",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-next": "15.5.9",
+    "eslint-plugin-react": "^7.37.5",
     "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.8.3"
+    "prettier": "^3.5.1",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3"
+  },
+  "overrides": {
+    "brace-expansion": "^2.0.2",
+    "form-data": "^4.0.4",
+    "glob": "^10.5.0",
+    "mdast-util-to-hast": "^13.2.1"
   }
 }

package.json

@@ -1,8 +1,10 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
   },
 };
 
 export default config;
+
+

postcss.config.mjs

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
     background-color: black;