Update the agents page with new UX (#850)

- Use icons/colors for setting the styling of agents
- Update automations page to use the shadcn cards: https://github.com/shadcn-ui/ui

src/interface/web/package.json

@@ -39,17 +39,22 @@
     "@types/dompurify": "^3.0.5",
     "@types/katex": "^0.16.7",
     "@types/markdown-it": "^14.1.1",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
-    "cronstrue": "^2.50.0",
     "dompurify": "^3.1.6",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.3",
+    "clsx": "^2.1.1",
+    "cronstrue": "^2.50.0",
     "katex": "^0.16.10",
     "lucide-react": "^0.397.0",
     "markdown-it": "^14.1.0",
     "markdown-it-highlightjs": "^4.1.0",
     "next": "14.2.3",
+    "nodemon": "^3.1.3",
     "postcss": "^8.4.38",
     "react": "^18",
     "react-dom": "^18",
@@ -58,6 +63,7 @@
     "swr": "^2.2.5",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.4",
+    "typescript": "^5",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^0.9.1",
     "zod": "^3.23.8"