Add ag2 framework guide

app/_components/agent-framework-tabs.tsx

@@ -6,6 +6,13 @@ export function AgentFrameworkTabs() {
     <Tabs items={["Python", "JavaScript"]} storageKey="preferredLanguage">
       <Tabs.Tab>
         <div className="mt-6 grid gap-3 sm:grid-cols-2 sm:gap-4 md:gap-5 lg:grid-cols-3">
+          <PlatformCard
+            icon="/images/icons/ag2.svg"
+            invertInDark
+            link="/en/get-started/agent-frameworks/ag2/use-arcade-tools"
+            name="AG2"
+            type="Agent Framework"
+          />
           <PlatformCard
             icon="https://avatars.githubusercontent.com/u/170677839?s=200&v=4"
             link="/en/get-started/agent-frameworks/crewai/use-arcade-tools"

app/en/get-started/agent-frameworks/_meta.tsx

@@ -7,6 +7,9 @@ export const meta: MetaRecord = {
   "setup-arcade-with-your-llm-python": {
     title: "Setup Arcade with your LLM (Python)",
   },
+  ag2: {
+    title: "AG2",
+  },
   crewai: {
     title: "CrewAI",
   },

app/en/get-started/agent-frameworks/ag2/_meta.tsx

@@ -0,0 +1,16 @@
+import type { MetaRecord } from "nextra";
+
+const meta: MetaRecord = {
+  "*": {
+    theme: {
+      breadcrumb: true,
+      toc: true,
+      copyPage: true,
+    },
+  },
+  "use-arcade-tools": {
+    title: "Setup Arcade tools with AG2",
+  },
+};
+
+export default meta;