refactor(dayjs): Refactor internationalized time formatting feature (#22870) (#22872)

web/hooks/use-format-time-from-now.ts

@@ -0,0 +1,16 @@
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import { useCallback } from 'react'
+import { useI18N } from '@/context/i18n'
+import 'dayjs/locale/zh-cn'
+
+dayjs.extend(relativeTime)
+
+export const useFormatTimeFromNow = () => {
+  const { locale } = useI18N()
+  const formatTimeFromNow = useCallback((time: number) => {
+    return dayjs(time).locale(locale === 'zh-Hans' ? 'zh-cn' : locale).fromNow()
+  }, [locale])
+
+  return { formatTimeFromNow }
+}