feat: 更新时间显示组件和相关设置

- 在多个组件中引入 NTime 和 NTooltip 以优化时间显示
- 修改 ActionHistoryViewer.vue 和 CheckInSettings.vue 中的时间渲染逻辑
- 在 CheckInRankingView.vue 中实现时间的相对显示和格式化
- 修复商品页加载问题

src/views/view/CheckInRankingView.vue

@@ -131,7 +131,19 @@
 
                 <!-- 签到时间列 -->
                 <div class="col-time">
-                  {{ formatDate(item.lastCheckInTime) }}
+                  <NTooltip>
+                    <template #trigger>
+                      <NTime
+                        :time="item.lastCheckInTime"
+                        type="relative"
+                      />
+                    </template>
+                    <template #default>
+                      <NTime
+                        :time="item.lastCheckInTime"
+                      />
+                    </template>
+                  </NTooltip>
                 </div>
               </div>
             </div>
@@ -180,6 +192,7 @@ import {
   NSelect,
   NSpace,
   NSpin,
+  NTooltip,
 } from 'naive-ui';
 import { computed, onMounted, ref } from 'vue';