devex: migrate to vue-i18n (#4966)

* sample languages refactor

* feat: consistency + dedupe impl of i18n

* fix: broken imports

* fix: intl formatted component

* fix: use relative imports

* fix: imports

* fix: comment out incomplete locales + fix imports

* feat: cleanup

* fix: ui imports

* fix: lint

* fix: admonition import

* make footer a component, fix language reactivity

* make copyright notice untranslatable

---------

Co-authored-by: Calum H. <contact@cal.engineer>

packages/ui/src/utils/common-messages.ts

@@ -1,4 +1,4 @@
-import { defineMessages } from '@vintl/vintl'
+import { defineMessages } from '../composables/i18n'
 
 export const commonMessages = defineMessages({
 	affiliateLinksButton: {

packages/ui/src/utils/game-modes.ts

@@ -1,5 +1,6 @@
 import { BlocksIcon, CompassIcon, EyeIcon, PickaxeIcon, UnknownIcon } from '@modrinth/assets'
-import { defineMessage } from '@vintl/vintl'
+
+import { defineMessage } from '../composables/i18n'
 
 export const GAME_MODES = {
 	survival: {

packages/ui/src/utils/notices.ts

@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor } from '../composables/i18n'
 
 export const NOTICE_LEVELS: Record<
 	string,

packages/ui/src/utils/regions.ts

@@ -1,4 +1,4 @@
-import { defineMessage, type MessageDescriptor } from '@vintl/vintl'
+import { defineMessage, type MessageDescriptor } from '../composables/i18n'
 
 export const regionOverrides = {
 	'us-vin': {

packages/ui/src/utils/search.ts

@@ -1,10 +1,11 @@
 import type { Labrinth } from '@modrinth/api-client'
 import { ClientIcon, ServerIcon } from '@modrinth/assets'
 import { formatCategory, formatCategoryHeader, sortByNameOrNumber } from '@modrinth/utils'
-import { defineMessage, useVIntl } from '@vintl/vintl'
 import { type Component, computed, readonly, type Ref, ref } from 'vue'
 import { type LocationQueryRaw, type LocationQueryValue, useRoute } from 'vue-router'
 
+import { defineMessage, useVIntl } from '../composables/i18n'
+
 type BaseOption = {
 	id: string
 	formatted_name?: string