Impove Intl formatting (#5372)

* Improve Intl formatting

* Additional fixes

* Fixed formatters were not updated on locale change

* Fixed formatNumber was not updated on locale change

* Additional formatting and fixes after merge

* Run prepr:frontend

* Remove `'` in icon map

* Run `pnpm install`

* fix: lint + import

* Additional fixes

---------

Co-authored-by: Calum H. <calum@modrinth.com>
Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>

apps/frontend/src/components/ui/moderation/ModerationTechRevCard.vue

@@ -28,6 +28,7 @@ import {
 	injectNotificationManager,
 	OverflowMenu,
 	type OverflowMenuOption,
+	useFormatDateTime,
 } from '@modrinth/ui'
 import {
 	capitalizeString,
@@ -46,6 +47,16 @@ import ThreadView from '~/components/ui/thread/ThreadView.vue'
 const auth = await useAuth()
 const featureFlags = useFeatureFlags()
 
+const formatDateTimeUtc = useFormatDateTime({
+	year: 'numeric',
+	month: 'long',
+	day: 'numeric',
+	hour: 'numeric',
+	minute: '2-digit',
+	timeZoneName: 'short',
+	timeZone: 'UTC',
+})
+
 type FlattenedFileReport = Labrinth.TechReview.Internal.FileReport & {
 	id: string
 	version_id: string
@@ -763,7 +774,7 @@ const reviewSummaryPreview = computed(() => {
 	const totalDecisions = totalSafe + totalUnsafe
 	if (totalDecisions === 0) return ''
 
-	const timestamp = dayjs().utc().format('MMMM D, YYYY [at] h:mm A [UTC]')
+	const timestamp = formatDateTimeUtc(dayjs().toDate())
 	let markdown = `## Tech Review Summary\n*${timestamp}*\n\n`
 	markdown += `<details>\n<summary>File Details (${totalSafe} safe, ${totalUnsafe} unsafe)</summary>\n\n`