Add chatbot

Author: MaedahBatool

src/app/chat.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Chatbot } from '@langbase/components';
+import {Chatbot} from '@langbase/components';
 import '@langbase/components/styles';
 
 export default function Chat() {
@@ -11,8 +11,9 @@ export default function Chat() {
 					background-color: #dedede;
 				}
 			`}</style>
-			<Chatbot apiRoute="/docs/api/chat"
-				openingMessage="Hi there! Welcome to Ask Sourcegraph AI agent. How can I help you?"
+			<Chatbot
+				apiRoute="/docs/api/chat"
+				openingMessage="Hi there! I'm Sourcegraph's AI assistant trained for our documentation. How can I help you?"
 				// Remember AI can make mistakes, please double-check responses.
 				suggestions={[
 					{

src/app/layout.tsx

@@ -1,10 +1,11 @@
-import { Providers } from '@/app/providers';
-import { Layout } from '@/components/Layout';
-import { GoogleAnalytics } from '@next/third-parties/google';
+import Chat from '@/app/chat';
+import {Providers} from '@/app/providers';
+import {Layout} from '@/components/Layout';
+import {GoogleAnalytics} from '@next/third-parties/google';
 import clsx from 'clsx';
 import config from 'docs.config';
-import { type Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import {type Metadata} from 'next';
+import {Inter} from 'next/font/google';
 import localFont from 'next/font/local';
 
 import '@/styles/tailwind.css';
@@ -98,7 +99,7 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
 				className="flex min-h-full bg-light-bg dark:bg-dark-bg"
 			>
 				<Providers>
-					{/* <Chat /> */}
+					<Chat />
 					<Layout>{children}</Layout>
 				</Providers>
 			</body>