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/app/agents/layout.tsx

@@ -3,6 +3,8 @@ import type { Metadata } from "next";
 import NavMenu from '../components/navMenu/navMenu';
 import styles from './agentsLayout.module.css';
 
+import "../globals.css";
+
 export const metadata: Metadata = {
     title: "Khoj AI - Agents",
     description: "Use Agents with Khoj AI for deeper, more personalized queries.",
@@ -18,7 +20,7 @@ export default function RootLayout({
 }>) {
     return (
         <div className={`${styles.agentsLayout}`}>
-            <NavMenu selected="Agents" />
+            <NavMenu selected="Agents" showLogo={true} />
             {children}
         </div>
     );