Upgrade: New Home Screen for Khoj (#860)

* V1 of the new automations page
Implemented:
- Shareable
- Editable
- Suggested Cards
- Create new cards
- added side panel new conversation button
- Implement mobile-friendly view for homepage
- Fix issue of new conversations being created when selected agent is changed
- Improve center of the homepage experience
- Fix showing agent during first chat experience
- dark mode gradient updates

---------

Co-authored-by: sabaimran <narmiabas@gmail.com>

src/interface/web/package.json

@@ -35,19 +35,16 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-toggle": "^1.1.0",
-    "@types/dompurify": "^3.0.5",
-    "@types/katex": "^0.16.7",
-    "@types/markdown-it": "^14.1.1",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@radix-ui/themes": "^3.1.1",
     "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",
@@ -60,17 +57,12 @@
     "react-hook-form": "^7.52.1",
     "shadcn-ui": "^0.8.0",
     "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"
   },
   "devDependencies": {
     "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "eslint": "^8",
     "eslint-config-next": "14.2.3",
     "eslint-config-prettier": "^9.1.0",
@@ -79,7 +71,15 @@
     "lint-staged": "^15.2.7",
     "nodemon": "^3.1.3",
     "prettier": "3.3.3",
-    "typescript": "^5"
+    "tailwindcss-animate": "^1.0.7",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss": "^3.4.6",
+    "typescript": "^5",
+    "@types/dompurify": "^3.0.5",
+    "@types/katex": "^0.16.7",
+    "@types/markdown-it": "^14.1.1",
+    "@types/react": "^18",
+    "@types/react-dom": "^18"
   },
   "prettier": {
     "tabWidth": 4