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

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

src/views/agent/work-flow/components/HistoryChat.vue

@@ -1,36 +1,4 @@
 <template>
-  <div class="agent-card">
-    <div class="header-section">
-      <div class="image-container">
-        <img :src="cozeInfo.icon_url" alt="" />
-      </div>
-    </div>
-    <div class="info-section">
-      <div class="title-group">
-        <div class="title">{{ cozeInfo.name }}</div>
-        <div class="tag">
-          <div class="">
-            <img class="status-icon" :src="workflow" />
-          </div>
-          <div class="text">工作流</div>
-        </div>
-      </div>
-      <div class="usage-info">
-        <a-space>
-          <span class="count">{{ cozeInfo.views }}</span>
-        </a-space>
-        <a-space>
-          <span class="label"> 次使用 </span>
-        </a-space>
-      </div>
-    </div>
-
-    <div class="description-section">
-      <div class="description">
-        {{ cozeInfo.description }}
-      </div>
-    </div>
-  </div>
 </template>
 
 <script lang="ts" setup>