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/legal/cmp-info.vue

@@ -111,7 +111,7 @@
 				</tr>
 				<tr>
 					<td>End of the month</td>
-					<td>{{ formatDate(endOfMonthDate) }}</td>
+					<td>{{ formatDate(endOfMonthDate.toDate()) }}</td>
 				</tr>
 				<tr>
 					<td>NET 60 policy applied</td>
@@ -119,7 +119,7 @@
 				</tr>
 				<tr class="final-result">
 					<td>Available for withdrawal</td>
-					<td>{{ formatDate(withdrawalDate) }}</td>
+					<td>{{ formatDate(withdrawalDate.toDate()) }}</td>
 				</tr>
 			</tbody>
 		</table>
@@ -162,11 +162,17 @@
 </template>
 
 <script lang="ts" setup>
-import { StyledInput } from '@modrinth/ui'
-import { formatDate, formatMoney } from '@modrinth/utils'
+import { StyledInput, useFormatDateTime, useFormatMoney } from '@modrinth/ui'
 import dayjs from 'dayjs'
 import { computed, ref } from 'vue'
 
+const formatMoney = useFormatMoney()
+const formatDate = useFormatDateTime({
+	month: 'long',
+	day: 'numeric',
+	year: 'numeric',
+})
+
 const description =
 	'Information about the Rewards Program of Modrinth, an open source modding platform focused on Minecraft.'