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

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

src/views/agent/index/index.vue

@@ -2,14 +2,14 @@
   <div class="agent-wrap relative h-full">
     <a-input
       v-model="query.name"
-      @blur="getData()"
+      @press-enter="getData()"
       placeholder="搜索智能体"
       size="large"
       allow-clear
       class="absolute right-0 top-0 !w-400px"
     >
       <template #prefix>
-        <icon-search />
+        <icon-search @click="getData()" />
       </template>
     </a-input>
     <div  v-for="(item, index) in list" :key="index">
@@ -26,7 +26,7 @@
             <div class="card-image h-120px w-100%  bg-cover bg-center bg-#E6E6E8" v-image-main-color="product.image_url">
               <img class="object-contain h-full w-100% mb-8px" :src="product?.image_url"/>
             </div>
-             
+
             <div class="card-content">
               <div class="card-title mb-4px">{{ product?.name }}</div>
               <TextoverTips :context="product.description" class="card-description mb-8px color-#737478 text-14px lh-22px font-400" :line="2" />