fix: DI nonsense (#4174)

* fix: DI nonsense

* fix: lint

* fix: client try di issue

* fix: injects outside of context

* fix: use .catch

* refactor: convert projects.vue to composition API.

* fix: moderation checklist notif pos change watcher

* fix: lint issues

apps/frontend/src/components/ui/moderation/checklist/ModerationChecklist.vue

@@ -397,7 +397,8 @@ import { useModerationStore } from '~/store/moderation.ts'
 import KeybindsModal from './ChecklistKeybindsModal.vue'
 import ModpackPermissionsFlow from './ModpackPermissionsFlow.vue'
 
-const { addNotification } = injectNotificationManager()
+const notifications = injectNotificationManager()
+const { addNotification } = notifications
 
 const keybindsModal = ref<InstanceType<typeof KeybindsModal>>()
 
@@ -626,6 +627,11 @@ function handleKeybinds(event: KeyboardEvent) {
 onMounted(() => {
 	window.addEventListener('keydown', handleKeybinds)
 	initializeAllStages()
+	notifications.setNotificationLocation('left')
+})
+
+onUnmounted(() => {
+	notifications.setNotificationLocation('right')
 })
 
 function initializeAllStages() {

apps/frontend/src/components/ui/servers/FilesUploadZipUrlModal.vue

@@ -74,12 +74,14 @@
 
 <script setup lang="ts">
 import { DownloadIcon, ExternalIcon, SpinnerIcon, XIcon } from '@modrinth/assets'
-import { BackupWarning, ButtonStyled, NewModal } from '@modrinth/ui'
+import { BackupWarning, ButtonStyled, injectNotificationManager, NewModal } from '@modrinth/ui'
 import { ModrinthServersFetchError } from '@modrinth/utils'
 import { computed, nextTick, ref } from 'vue'
 
 import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
-import { handleError } from '~/composables/servers/modrinth-servers.ts'
+import { handleServersError } from '~/composables/servers/modrinth-servers.ts'
+
+const notifications = injectNotificationManager()
 
 const cf = ref(false)
 
@@ -120,18 +122,19 @@ const handleSubmit = async () => {
 				hide()
 			} else {
 				submitted.value = false
-				handleError(
+				handleServersError(
 					new ModrinthServersFetchError(
 						'Could not find CurseForge modpack at that URL.',
 						404,
 						new Error(`No modpack found at ${url.value}`),
 					),
+					notifications,
 				)
 			}
 		} catch (error) {
 			submitted.value = false
 			console.error('Error installing:', error)
-			handleError(error)
+			handleServersError(error, notifications)
 		}
 	}
 }