updating packages and fixing linting

package.json

@@ -13,48 +13,50 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@next/env": "^15.2.3",
-    "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5",
-    "@trpc/client": "11.0.0",
-    "@trpc/next": "^11",
-    "@trpc/react-query": "11.0.0",
-    "@trpc/server": "11.0.0",
-    "@types/ws": "^8.18.0",
+    "@next/env": "^15.3.5",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@tanstack/react-query": "^5.81.5",
+    "@tanstack/react-query-devtools": "^5.81.5",
+    "@trpc/client": "11.4.3",
+    "@trpc/next": "^11.4.3",
+    "@trpc/react-query": "11.4.3",
+    "@trpc/server": "11.4.3",
+    "@types/ws": "^8.18.1",
     "chokidar": "^4.0.3",
-    "dotenv": "^16.4.7",
-    "form-data": "^4.0.2",
-    "jsdom": "^25.0.1",
-    "marked-katex-extension": "^5.1.4",
-    "next": "^15.2.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "dotenv": "^17.0.1",
+    "form-data": "^4.0.3",
+    "jsdom": "^26.1.0",
+    "marked-katex-extension": "^5.1.5",
+    "next": "^15.3.5",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "socket.io": "^4.8.1",
     "superjson": "^2.2.2",
-    "ws": "^8.18.1",
-    "zod": "^3.24.2"
+    "ws": "^8.18.3",
+    "zod": "^3.25.75"
   },
   "devDependencies": {
     "@monaco-editor/loader": "^1.5.0",
     "@monaco-editor/react": "^4.7.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.13.13",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "axios": "^1.8.4",
-    "eslint-config-next": "^15.2.3",
-    "isomorphic-dompurify": "^2.22.0",
-    "marked": "^14.1.4",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.0.10",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "axios": "^1.10.0",
+    "eslint": "^9.30.1",
+    "eslint-config-next": "^15.3.5",
+    "isomorphic-dompurify": "^2.26.0",
+    "marked": "^16.0.0",
     "monaco-editor": "^0.52.2",
-    "postcss": "^8.5.3",
-    "react-error-boundary": "^4.1.2",
+    "postcss": "^8.5.6",
+    "react-error-boundary": "^6.0.0",
     "react-hot-toast": "^2.5.2",
     "socket.io-client": "^4.8.1",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.8.2",
-    "vitest": "^2.1.9",
-    "yaml": "^2.7.0"
+    "tailwindcss": "^4.1.11",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
+    "yaml": "^2.8.0"
   }
 }

postcss.config.mjs

@@ -1,7 +1,6 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
-  plugins: {
-    tailwindcss: {},
+  plugins: {    "@tailwindcss/postcss": {},
   },
 };
 

src/app/globals.css

@@ -1,8 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 @layer utilities {
   .text-balance {

src/components/editor/MonacoEditor.css

@@ -1,4 +1,6 @@
 
+@import "tailwindcss";
+
 
 /* monaco editor */
 .monaco-editor-background,

tailwind.config.ts

@@ -1,4 +1,4 @@
-import { borderRadius } from "tailwindcss/defaultTheme";
+// import { borderRadius } from "tailwindcss/defaultTheme";
 import type { Config } from "tailwindcss";
 
 const config: Config = {
@@ -9,7 +9,7 @@ const config: Config = {
   ],
   theme: {
     borderRadius: {
-      ...borderRadius,
+      // ...borderRadius,
       xl: "24px",
     },
     extend: {