Improve opengraph metadata across front-end pages

src/interface/web/app/agents/layout.tsx

@@ -5,7 +5,8 @@ import { ContentSecurityPolicy } from "../common/layoutHelper";
 
 export const metadata: Metadata = {
     title: "Khoj AI - Agents",
-    description: "Find a specialized agent that can help you address more specific needs.",
+    description:
+        "Find or create a specialized agent that can help you address more specific needs.",
     icons: {
         icon: "/static/assets/icons/khoj_lantern.ico",
         apple: "/static/assets/icons/khoj_lantern_256x256.png",
@@ -13,10 +14,16 @@ export const metadata: Metadata = {
     openGraph: {
         siteName: "Khoj AI",
         title: "Khoj AI - Agents",
-        description: "Your Second Brain.",
+        description:
+            "Find or create a specialized agent that can help you address more specific needs.",
         url: "https://app.khoj.dev/agents",
         type: "website",
         images: [
+            {
+                url: "https://assets.khoj.dev/khoj_hero.png",
+                width: 940,
+                height: 525,
+            },
             {
                 url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
                 width: 256,