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/app-frontend/src/components/ui/modal/UpdateToPlayModal.vue

@@ -14,7 +14,7 @@
 
 				<div v-if="diffs.length" class="flex flex-col gap-2">
 					<span v-if="publishedDate" class="text-contrast font-semibold">{{
-						formatMessage(messages.publishedDate, { date: publishedDate })
+						formatDate(publishedDate)
 					}}</span>
 					<div class="flex gap-2">
 						<div v-if="removedCount" class="flex gap-1 items-center">
@@ -136,6 +136,7 @@ import {
 	commonMessages,
 	defineMessages,
 	NewModal,
+	useFormatDateTime,
 	useVIntl,
 } from '@modrinth/ui'
 import { openUrl } from '@tauri-apps/plugin-opener'
@@ -186,6 +187,7 @@ type ProjectInfo = {
 }
 
 const { formatMessage } = useVIntl()
+const formatDate = useFormatDateTime({ dateStyle: 'long' })
 const installStore = useInstall()
 type UpdateCompleteCallback = () => void | Promise<void>
 
@@ -409,10 +411,6 @@ const messages = defineMessages({
 		defaultMessage:
 			'An update is required to play {name}. Please update to the latest version to launch the game.',
 	},
-	publishedDate: {
-		id: 'app.modal.update-to-play.published-date',
-		defaultMessage: '{date, date, long}',
-	},
 	removedCount: {
 		id: 'app.modal.update-to-play.removed-count',
 		defaultMessage: '{count} removed',