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

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

src/views/agent/index/index.vue

@@ -6,13 +6,13 @@
       placeholder="搜索智能体"
       size="large"
       allow-clear
-      class="absolute right-0 top-0 !w-400px"
+      class="absolute right-0 top-0  !w-400px"
     >
       <template #prefix>
         <icon-search @click="getData()" />
       </template>
     </a-input>
-    <div  v-for="(item, index) in list" :key="index">
+    <div   v-for="(item, index) in list" :key="index">
       <p class="span-title mb-16px">{{ item.name }}</p>
       <a-row class="grid-demo " :gutter="24" v-if="item.agent_products.length > 0">
         <a-col  :xs="24"