docs: add ai/ai-sdk-ui/chatbot

Author: A-Najmabadi

src/components/Sidebar/data.js

@@ -356,16 +356,16 @@ export default {
         icon: <GoInfinity  />,
         link: "/ai/ai-sdk-core/about"
       },
-      {
-        title: "ارجاعات AI SDK",
-        icon: <GoRepoPush />,
-        link: "/ai/references/about"
-      },
       {
         title: "کتابخانه AI SDK UI",
         icon: <GoBook />,
         link: "/ai/ai-sdk-ui/about"
       },
+      {
+        title: "ارجاعات AI SDK",
+        icon: <GoRepoPush />,
+        link: "/ai/references/about"
+      },
       {
         title: "خطاهای AI SDK",
         icon: <GoXCircle />,
@@ -421,6 +421,13 @@ export default {
         icon: <GoInfo />,
         link: "/ai/ai-sdk-ui/about"
       },
+      {
+        hr: true
+      },
+      {
+        title: "چت بات",
+        link: "/ai/ai-sdk-ui/chatbot"
+      },
     ],
 
     'references': [

src/pages/ai/ai-sdk-core/about.mdx

@@ -212,6 +212,14 @@ console.log('Generated Text:', text);
         title: "مدیریت خطاها",
         link: "/ai/ai-sdk-core/error-handling"
       },
+      {
+        title: "آزمایش و تست",
+        link: "/ai/ai-sdk-core/testing"
+      },
+      {
+        title: "تله‌متری (Telemetry)",
+        link: "/ai/ai-sdk-core/telemetry"
+      },
   ].map(item =>
               <Link href={item.link}>
                 <Card className="flex cursor-pointer w-full items-center justify-between">

src/pages/ai/ai-sdk-ui/about.mdx

@@ -101,4 +101,33 @@ AI SDK UI در فریم‌ورک‌های <a href="https://liara.ir/landing/%D9%
 ]}
 />
 
+<hr className="mb-2" />
+
+در ادامه، به توضیح هر یک از قابلیت‌های AI SDK به تفصیل، پرداخته شده است: 
+
+
+<div className="h-4" />
+<div className="grid md:grid-cols-3 gap-4">
+            {[
+      {
+        title: "چت بات",
+        link: "/ai/ai-sdk-ui/chatbot"
+      },
+  ].map(item =>
+              <Link href={item.link}>
+                <Card className="flex cursor-pointer w-full items-center justify-between">
+                  <div className="flex items-center gap-3">
+                    
+                    <h4>
+                      {item.title}
+                    </h4>
+                  </div>
+                  <GoArrowLeft className="ml-1" />
+                </Card>
+              </Link>
+            )}
+          </div>
+<div className="h-4" />
+
+
 </Layout>