feat: introduce dependency injection framework (#4091)

* feat: migrate frontend notifications to dependency injection based notificaton manager

* fix: lint

* fix: issues

* fix: compile error + notif binding issue

* refactor: move org context to new DI setup

* feat: migrate app notifications to DI + frontend styling

* fix: sidebar issues

* fix: dont use delete in computed

* fix: import and prop issue

* refactor: move handleError to main notification manager class

* fix: lint & build

* fix: merge issues

* fix: lint issues

* fix: lint issues

---------

Signed-off-by: IMB11 <hendersoncal117@gmail.com>
Signed-off-by: Cal H. <hendersoncal117@gmail.com>

apps/frontend/src/pages/settings/profile.vue

@@ -90,8 +90,11 @@
 </template>
 
 <script setup>
-import { UserIcon, SaveIcon, UploadIcon, UndoIcon, XIcon, TrashIcon } from "@modrinth/assets";
-import { Avatar, FileInput, Button, commonMessages } from "@modrinth/ui";
+import { SaveIcon, TrashIcon, UndoIcon, UploadIcon, UserIcon, XIcon } from "@modrinth/assets";
+import { Avatar, Button, commonMessages, FileInput, injectNotificationManager } from "@modrinth/ui";
+
+const { addNotification } = injectNotificationManager();
+const { formatMessage } = useVIntl();
 
 useHead({
   title: "Profile settings - Modrinth",
@@ -101,8 +104,6 @@ definePageMeta({
   middleware: "auth",
 });
 
-const { formatMessage } = useVIntl();
-
 const messages = defineMessages({
   title: {
     id: "settings.profile.profile-info",
@@ -222,7 +223,6 @@ async function saveChanges() {
     saved.value = true;
   } catch (err) {
     addNotification({
-      group: "main",
       title: "An error occurred",
       text: err
         ? err.data