feat(front): integrate GlobalDayjs component for dynamic date localization and formatting

front/components/GlobalDayjs.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import 'dayjs/locale/en'
+import 'dayjs/locale/zh-cn'
+
+dayjs.extend(relativeTime)
+
+const { locale } = useI18n()
+
+watchEffect(() => {
+    dayjs.locale(locale.value.toLowerCase())
+})
+</script>

front/layouts/default.vue

@@ -5,6 +5,7 @@ await useSeo()
 <template>
     <div class="h-screen w-screen">
         <GlobalDrawer />
+        <GlobalDayjs />
         <Toaster position="top-center" richColors closeButton />
         <img
             class="w-full h-full object-cover absolute inset-0 -z-[1] bg-gradient-to-bl from-primary/40 to-primary"