docs: fix sender docs and optimize components page

Author: fu050409

docs/docs/en/components/index.md

@@ -1,3 +1,4 @@
 # Components
 
-> This page is not complete yet.
+MateChat React provides a simple, flexible, and extensible React AI component library for building modern front-end applications in AI conversation scenarios.
+MateChat based on DevUI Design, provides a rich set of components and features, allows developers to easily integrate conversation AI into their applications. What's more, MateChat also provides a unified AI scheduling module, compatible with OpenAI, SSE, etc.

docs/docs/en/components/interaction/bubble.mdx

@@ -9,7 +9,7 @@ import { Bubble } from "@matechat/react";
 
 export default function () {
   return (
-    <div className="flex">
+    <div className="flex flex-col w-full">
       <Bubble text="Hello, how can I help you?" />
     </div>
   );

docs/docs/zh/components/index.md

@@ -1,3 +1,4 @@
 # 组件
 
-> 此页面还在施工中。
+MateChat React 致力于提供一个简单、灵活、可扩展的 React AI 组件库，用于构建现代的 AI 对话场景下的前端应用程序。
+MateChat 基于 DevUI Design 设计，提供了丰富的组件和功能，允许开发者轻松将对话 AI 集成到他们的应用中。同时，MateChat 还提供了统一的 AI 调度模块，兼容 OpenAI、SSE 等通讯协议，无缝接入复杂的 AI 交互场景。

docs/docs/zh/components/interaction/bubble.mdx

@@ -9,7 +9,7 @@ import { Bubble } from "@matechat/react";
 
 export default function () {
   return (
-    <div className="flex">
+    <div className="flex flex-col w-full">
       <Bubble text="你好，有什么我可以帮助你的吗" />
     </div>
   );

docs/docs/zh/components/interaction/sender.mdx

@@ -1,4 +1,4 @@
-# 输入框
+# Sender 输入框
 
 输入框是一个 textarea 组件，用于输入和发送消息。
 
@@ -11,7 +11,7 @@ import { useCallback, useState } from "react";
 export default function () {
   return (
     <div className="w-full p-1">
-      <Sender />
+      <Sender placeholder="请输入消息" />
     </div>
   );
 }