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

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

src/views/agent/work-flow/style.scss

@@ -147,7 +147,7 @@
       align-items: center;
       gap: 10px;
       display: flex;
-
+      padding: 10px;
       .text {
         align-self: stretch;
         color: var(--Text-2, #3C4043);
@@ -184,7 +184,7 @@
       justify-content: flex-start;
       align-items: flex-start;
       display: flex;
-
+      padding: 10px;
       .section {
         align-self: stretch;
         height: 40px;