refactor(agent): 重构智能对话页面布局和样式

- 重新设计了页面布局，分为左、右两个主要区域
- 左侧区域增加了聊天机器人信息展示，包括头像、名称、描述等
- 右侧区域保留聊天窗口，并增加了顶部栏
-优化了响应式布局，使页面在不同屏幕尺寸下都能良好显示
- 调整了颜色、字体等样式，提升了页面视觉效果

src/views/agent/index/index.vue

@@ -25,7 +25,7 @@
           <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
               <img
                 class="card-image h-120px object-contain w-100% mb-8px bg-#F0EDFF"
-                :src="product?.icon_url"
+                :src="product?.image_url"
               />
             <div class="card-content">
               <div class="card-title mb-4px">{{ product?.name }}</div>