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

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

src/views/agent/chat/style.scss

@@ -30,7 +30,7 @@
     align-items: flex-start;
     display: inline-flex;
     background: var(--BG-100, #F7F8FA);
-    
+
     // .header {
     //   align-self: stretch;
     //   height: 160px;