typos and general import mess fixes

Author: lumiscosity

apps/frontend/src/layouts/default.vue

@@ -885,7 +885,7 @@ const messages = defineMessages({
 	revenue: {
 		id: 'layout.nav.revenue',
 		defaultMessage: 'Revenue',
-	}
+	},
 	activeReports: {
 		id: 'layout.nav.active-reports',
 		defaultMessage: 'Active reports',

apps/frontend/src/pages/index.vue

@@ -155,7 +155,7 @@
 					</div>
 					<div class="blob-demonstration gradient-border">
 						<div class="notifs-demo">
-							<h3>{{ formatMessage(messages.notificationsHeading) }}</h3>
+							<h3>{{ formatMessage(commonMessages.notificationsLabel) }}</h3>
 							<div class="notifications">
 								<div
 									v-for="(notification, index) in notifications"

packages/ui/src/components/affiliate/AffiliateLinkCreateModal.vue

@@ -66,7 +66,8 @@
 import { AffiliateIcon, PlusIcon, SpinnerIcon, UserIcon, XIcon } from '@modrinth/assets'
 import { computed, ref, useTemplateRef } from 'vue'
 
-import { commonMessages, defineMessages, useVIntl } from '../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { commonMessages } from '../../utils/common-messages'
 import { AutoBrandIcon, Button, ButtonStyled, NewModal } from '../index'
 export type CreateAffiliateProps = { sourceName: string; username?: string }
 

packages/ui/src/components/billing/PurchaseModal.vue

@@ -546,7 +546,8 @@ import dayjs from 'dayjs'
 import { computed, nextTick, reactive, ref, watch } from 'vue'
 import { Multiselect } from 'vue-multiselect'
 
-import { defineMessages, useVIntl, paymentMethodMessages } from '../../composables/i18n'
+import { defineMessages, useVIntl } from '../../composables/i18n'
+import { commonMessages, paymentMethodMessages } from '../../utils/common-messages'
 import Admonition from '../base/Admonition.vue'
 import Checkbox from '../base/Checkbox.vue'
 import Slider from '../base/Slider.vue'