refactor(components): 优化计量详情页面布局和内容展示

-调整表格列宽和样式，提高可读性
- 添加数联网引用token总数字段
- 修改数联网引用数据卡片为表格形式
- 优化输入和输出token详情的样式
-调整列表布局，增加全宽样式

src/hooks/useMessageOption.tsx

@@ -194,7 +194,7 @@ export const useMessageOption = () => {
     const meter: MeteringEntry = {
       id: generateMessageId,
       queryContent: message,
-      date: new Date()
+      date: new Date().getTime()
     } as MeteringEntry
 
     if (!isRegenerate) {
@@ -489,20 +489,22 @@ export const useMessageOption = () => {
 
       // Save metering entry
       const { cot, content } = responseResolver(fullText)
-      setMeteringEntries([ {
+      const _meteringEntries = [{
         ...meter,
         modelInputTokenCount: prompt.length,
         modelOutputTokenCount: fullText.length,
-        model: ollama.modelName,
+        model: ollama.modelName ?? ollama.model,
         relatedDataCount: iodData?.length ?? 0,
-        timeTaken: new Date().getTime() - meter.date.getTime(),
-        date: chatStartTime,
+        timeTaken: new Date().getTime() - chatStartTime.getTime(),
+        date: chatStartTime.getTime(),
         cot,
         responseContent: content,
         modelResponseContent: fullText,
       },
         ...meteringEntries,
-      ])
+      ]
+      setMeteringEntries(_meteringEntries)
+      localStorage.setItem("meteringEntries", JSON.stringify(_meteringEntries))
     } catch (e) {
       const errorSave = await saveMessageOnError({
         e,