Add Docs AI and Search

pages/_app.tsx

@@ -5,6 +5,7 @@ import { useEffect } from "react";
 import { insertGTMScriptTags } from "../components/GTMScripts";
 import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
+import Script from 'next/script';
 
 export type URLSearchGet = string | null;
 
@@ -91,6 +92,17 @@ export default function MyApp({ Component, pageProps }: AppProps) {
 
 
   return (
-      <Component {...pageProps} />
+      <>
+          <Script
+            src="https://widget.kapa.ai/kapa-widget.bundle.js"
+            dataWebsiteId="099b7303-a981-443f-9ec7-4aebdc466fb4"
+            dataProjectName="Mixpanel"
+            dataProjectColor="#1D0D3F"
+            dataModalDisclaimer="This is a custom LLM for Mixpanel with access to all developer documentation and API references, blogs, and YouTube content. Please note that answers are generated by AI and may not be fully accurate, so please use your best judgement."
+            dataProjectLogo="hhttps://avatars.githubusercontent.com/u/63653?s=200&v=4"
+            dataModalExample-questions="How do I bookmark a report?,What is a custom event?"
+          />
+          <Component {...pageProps} />
+      </>
   );
 }