Improve opengraph metadata across front-end pages

src/interface/web/app/share/chat/layout.tsx

@@ -4,8 +4,33 @@ import "../../globals.css";
 import { ContentSecurityPolicy } from "@/app/common/layoutHelper";
 
 export const metadata: Metadata = {
-    title: "Khoj AI - Chat",
-    description: "Use this page to view a chat with Khoj AI.",
+    title: "Khoj AI - Ask Anything",
+    description:
+        "Ask anything. Khoj will use the internet and your docs to answer, paint and even automate stuff for you.",
+    icons: {
+        icon: "/static/assets/icons/khoj_lantern.ico",
+        apple: "/static/assets/icons/khoj_lantern_256x256.png",
+    },
+    openGraph: {
+        siteName: "Khoj AI",
+        title: "Khoj AI - Ask Anything",
+        description:
+            "Ask anything. Khoj will use the internet and your docs to answer, paint and even automate stuff for you.",
+        url: "https://app.khoj.dev/chat",
+        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,
+                height: 256,
+            },
+        ],
+    },
 };
 
 export default function RootLayout({