feat: add mcp connect pic (#3091)

* fix: change step text

* feat: add connect pic

Author: Chasen-Zhang

docs/cn/guides/51-ai-functions/03-mcp-integration.md

@@ -32,6 +32,8 @@ import TabItem from '@theme/TabItem';
 4.  复制完整 DSN，格式如下：
     `databend://user:pwd@host:443/database?warehouse=warehouse_name`
 
+![与 AI 工具连接](@site/static/img/connect/ai-tools.png)
+
 ### 2. 配置 MCP 客户端
 
 <Tabs groupId="mcp-clients">

docs/en/guides/51-ai-functions/03-mcp-integration.md

@@ -32,6 +32,8 @@ We recommend using **Databend Cloud** for the best experience.
 4.  Copy your DSN, which looks like:
     `databend://user:pwd@host:443/database?warehouse=warehouse_name`
 
+![Use with AI Tools](@site/static/img/connect/ai-tools.png)
+
 ### 2. Configure Your MCP Client
 
 <Tabs groupId="mcp-clients">