chore: remove styled-components and install tailwind

- Also update @kleros/ui-components-library to latest version

Author: kyrers

web/package.json

@@ -51,7 +51,6 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-modal": "^3.16.3",
-    "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@typescript-eslint/utils": "^5.62.0",
@@ -71,11 +70,12 @@
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@kleros/curate-v2-templates": "workspace:^",
     "@kleros/kleros-app": "^2.0.2",
-    "@kleros/ui-components-library": "^2.20.0",
+    "@kleros/ui-components-library": "^3.6.0",
     "@reown/appkit": "^1.6.6",
     "@reown/appkit-adapter-wagmi": "^1.6.6",
     "@sentry/react": "^7.93.0",
     "@sentry/tracing": "^7.93.0",
+    "@tailwindcss/vite": "^4.1.16",
     "@tanstack/react-query": "^5.66.0",
     "@web3modal/ethereum": "^2.7.1",
     "@web3modal/wagmi": "^5.1.6",
@@ -103,8 +103,8 @@
     "react-scripts": "^5.0.1",
     "react-toastify": "^9.1.3",
     "react-use": "^17.4.3",
-    "styled-components": "^5.3.11",
     "subgraph-status": "^1.2.4",
+    "tailwindcss": "^4.1.16",
     "viem": "^2.27.2",
     "wagmi": "^2.14.10",
     "zod": "^3.24.2"

web/vite.config.js

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import svgr from "vite-plugin-svgr";
 import tsconfigPaths from "vite-tsconfig-paths";
+import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
   root: "src",
@@ -28,5 +29,6 @@ export default defineConfig({
     nodePolyfills({
       include: ["fs", "stream"],
     }),
+    tailwindcss(),
   ],
 });