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/pages/news/article/[slug].vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { GitGraphIcon, RssIcon } from '@modrinth/assets'
 import { articles as rawArticles } from '@modrinth/blog'
-import { Avatar, ButtonStyled } from '@modrinth/ui'
+import { Avatar, ButtonStyled, useFormatDateTime } from '@modrinth/ui'
 import type { User } from '@modrinth/utils'
 import dayjs from 'dayjs'
 import { computed, onMounted } from 'vue'
@@ -12,6 +12,8 @@ import ShareArticleButtons from '~/components/ui/ShareArticleButtons.vue'
 const config = useRuntimeConfig()
 const route = useRoute()
 
+const formatDate = useFormatDateTime({ dateStyle: 'long' })
+
 const rawArticle = rawArticles.find((article) => article.slug === route.params.slug)
 
 if (!rawArticle) {
@@ -157,10 +159,10 @@ onMounted(() => {
 					</nuxt-link>
 				</template>
 				<span class="hidden md:block">•</span>
-				<span class="hidden md:block"> {{ dayjsDate.format('MMMM D, YYYY') }}</span>
+				<span class="hidden md:block"> {{ formatDate(dayjsDate.toDate()) }}</span>
 			</div>
 			<span class="text-sm text-secondary sm:text-base md:hidden">
-				Posted on {{ dayjsDate.format('MMMM D, YYYY') }}</span
+				Posted on {{ formatDate(dayjsDate.toDate()) }}</span
 			>
 			<ShareArticleButtons :title="article.title" :url="articleUrl" />
 			<img