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

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

src/views/agent/index/index.vue

@@ -15,7 +15,11 @@
     <div  v-for="(item, index) in list" :key="index">
       <span class="span-title">{{ item.name }}</span>
       <a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
-        <a-col :span="3" v-for="(product, k) in item.agent_products">
+        <a-col  :xs="24"
+                :sm="12"
+                :md="8"
+                :lg="6"
+                :xl="4"  v-for="(product, k) in item.agent_products">
           <div class="card-container" @click="goDetail(product?.type, product?.id)">
             <div class="card-image-container">
               <img