Merge pull request #57 from andreibesleaga/chore/deps-consolidated-upgrade

deps: consolidated dependency upgrades (supersedes #52, #53, #54, #56)

Author: andreibesleaga

board/package-lock.json

@@ -16,27 +16,27 @@
   },
   "dependencies": {
     "clsx": "^2.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "socket.io-client": "^4.8.3",
-    "zustand": "^4.5.0"
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
-    "@playwright/test": "^1.61.0",
+    "@playwright/test": "^1.61.1",
+    "@tailwindcss/postcss": "^4.3.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^6.0.2",
-    "autoprefixer": "^10.4.0",
-    "happy-dom": "^20.8.9",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "happy-dom": "^20.10.6",
     "jsdom": "^29.1.1",
-    "postcss": "^8.4.0",
-    "tailwindcss": "^3.4.0",
-    "typescript": "^5.6.0",
-    "vite": "^8.0.16",
-    "vitest": "^4.1.2",
+    "postcss": "^8.5.19",
+    "tailwindcss": "^4.3.2",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.4",
+    "vitest": "^4.1.10",
     "vitest-axe": "^0.1.0"
   }
 }

board/package.json

@@ -1,6 +1,5 @@
 export default {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    '@tailwindcss/postcss': {},
   },
 };

board/postcss.config.js

@@ -18,7 +18,7 @@ export default function Header() {
   const pillClass = STATUS_PILL[workflowStatus] ?? 'bg-slate-700 text-slate-300';
 
   return (
-    <header className="sticky top-0 z-10 border-b border-slate-800 bg-[#0f172a]/95 backdrop-blur-sm">
+    <header className="sticky top-0 z-10 border-b border-slate-800 bg-[#0f172a]/95 backdrop-blur-xs">
       <div className="max-w-[1600px] mx-auto px-4 h-14 flex items-center gap-4">
         {/* Logo */}
         <div className="flex items-center gap-2 shrink-0">

board/src/components/layout/Header.tsx

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
 
 @layer base {
   html {