feat: enhance layout and ChatSidebar with OpenGraph image and GitHub link

- Added OpenGraph image metadata to improve social media sharing visuals.
- Integrated a GitHub link in the ChatSidebar for easy access to the project repository.

app/layout.tsx

@@ -15,7 +15,20 @@ export const metadata: Metadata = {
   openGraph: {
     siteName: "Scira MCP Chat",
     url: "https://mcp.scira.ai",
-  }
+    images: [
+      {
+        url: "https://mcp.scira.ai/opengraph-image.png",
+        width: 1200,
+        height: 630,
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Scira MCP Chat",
+    description: "Scira MCP Chat is a minimalistic MCP client with a good feature set.",
+    images: ["https://mcp.scira.ai/twitter-image.png"],
+  },
 };
 
 export default function RootLayout({

components/chat-sidebar.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useRef } from "react";
 import { useRouter, usePathname } from "next/navigation";
-import { MessageSquare, PlusCircle, Trash2, ServerIcon, Settings, Loader2, Sparkles, ChevronsUpDown, UserIcon, Copy, Pencil } from "lucide-react";
+import { MessageSquare, PlusCircle, Trash2, ServerIcon, Settings, Loader2, Sparkles, ChevronsUpDown, UserIcon, Copy, Pencil, Github } from "lucide-react";
 import {
     Sidebar,
     SidebarContent,
@@ -354,6 +354,13 @@ export function ChatSidebar() {
                                     <Settings className="mr-2 h-4 w-4 hover:text-sidebar-accent" />
                                     MCP Settings
                                 </DropdownMenuItem>
+                                <DropdownMenuItem onSelect={(e) => {
+                                    e.preventDefault();
+                                    window.open("https://git.new/s-mcp", "_blank");
+                                }}>
+                                    <Github className="mr-2 h-4 w-4 hover:text-sidebar-accent" />
+                                    GitHub
+                                </DropdownMenuItem>
                                 <DropdownMenuItem onSelect={(e) => e.preventDefault()}>
                                     <div className="flex items-center justify-between w-full">
                                         <div className="flex items-center">