feat: add info and title on trace widget

src/locales/lang/en.ts

@@ -382,5 +382,7 @@ const msg = {
   addExpressions: "Add Expressions",
   expressions: "Expression",
   unhealthyExpression: "Unhealthy Expression",
+  traceDesc:
+    "The trace segment serves as a representation of a trace portion executed within one single OS process, such as a JVM. It comprises a collection of spans, typically associated with and collected from a single request or execution context.",
 };
 export default msg;

src/locales/lang/es.ts

@@ -382,5 +382,7 @@ const msg = {
   addExpressions: "Add Expressions",
   expressions: "Expression",
   unhealthyExpression: "Unhealthy Expression",
+  traceDesc:
+    "The trace segment serves as a representation of a trace portion executed within one single OS process, such as a JVM. It comprises a collection of spans, typically associated with and collected from a single request or execution context.",
 };
 export default msg;

src/locales/lang/zh.ts

@@ -380,5 +380,7 @@ const msg = {
   addExpressions: "添加表达式",
   expressions: "表达式",
   unhealthyExpression: "非健康表达式",
+  traceDesc:
+    "Trace segment充当在单个操作系统进程（如JVM）中执行的跟踪部分的表示。它包括跨度的集合，通常与单个请求或执行上下文相关联并从中收集。",
 };
 export default msg;

src/views/dashboard/related/trace/TraceList.vue

@@ -13,15 +13,16 @@ limitations under the License. -->
 <template>
   <div class="trace-t flex-v">
     <div class="trace-t-tool flex-h">
-      <el-pagination
+      <div class="title">
-        v-model="traceStore.conditions.paging.pageNum"
+        <span class="mr-5">Trace Segments</span>
-        :page-size="pageSize"
+        <el-popover trigger="hover" width="250" placement="bottom" effect="light" :content="t('traceDesc')">
-        :small="true"
+          <template #reference>
-        layout="prev, pager, next"
+            <span>
-        :pager-count="5"
+              <Icon iconName="info_outline" size="small" />
-        :total="total"
+            </span>
-        @current-change="updatePage"
+          </template>
-      />
+        </el-popover>
+      </div>
       <div class="selectors">
         <Selector
           size="small"
@@ -61,6 +62,17 @@ limitations under the License. -->
       </table>
       <div class="no-data" v-else>{{ t("noData") }}</div>
     </div>
+    <div class="trace-t-tool flex-h">
+      <el-pagination
+        v-model="traceStore.conditions.paging.pageNum"
+        :page-size="pageSize"
+        :small="true"
+        layout="prev, pager, next"
+        :pager-count="5"
+        :total="total"
+        @current-change="updatePage"
+      />
+    </div>
   </div>
 </template>
 
@@ -133,6 +145,12 @@ limitations under the License. -->
     border-bottom: 1px solid #c1c5ca41;
     border-right: 1px solid #c1c5ca41;
     height: 35px;
+    align-items: center;
+  }
+
+  .title {
+    font-weight: bold;
+    padding-left: 10px;
   }
 
   .selectors {