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/report.vue

@@ -243,30 +243,33 @@
 
 <script setup lang="ts">
 import {
+  CheckCircleIcon,
+  CheckIcon,
+  ExternalIcon,
+  IssuesIcon,
+  LeftArrowIcon,
+  RightArrowIcon,
+  ScaleIcon,
+  SendIcon,
+  SpinnerIcon,
+  VersionIcon,
+  XCircleIcon,
+} from "@modrinth/assets";
+import {
+  AutoLink,
+  Avatar,
+  ButtonStyled,
+  injectNotificationManager,
   MarkdownEditor,
   RadialHeader,
   RadioButtons,
-  ButtonStyled,
-  Avatar,
-  AutoLink,
 } from "@modrinth/ui";
-import {
-  ExternalIcon,
-  LeftArrowIcon,
-  RightArrowIcon,
-  CheckIcon,
-  SpinnerIcon,
-  SendIcon,
-  IssuesIcon,
-  CheckCircleIcon,
-  XCircleIcon,
-  ScaleIcon,
-  VersionIcon,
-} from "@modrinth/assets";
-import type { User, Version, Report } from "@modrinth/utils";
-import { useVIntl, defineMessages, type MessageDescriptor } from "@vintl/vintl";
+import type { Project, Report, User, Version } from "@modrinth/utils";
+import { defineMessages, useVIntl, type MessageDescriptor } from "@vintl/vintl";
 import { useImageUpload } from "~/composables/image-upload.ts";
 
+const { addNotification } = injectNotificationManager();
+
 const tags = useTags();
 const route = useNativeRoute();
 const router = useRouter();
@@ -439,7 +442,6 @@ const submitReport = async () => {
 
     if (error instanceof Error) {
       addNotification({
-        group: "main",
         title: "An error occurred",
         text: error.message,
         type: "error",
@@ -465,7 +467,6 @@ const submitReport = async () => {
 
     if (error instanceof Error) {
       addNotification({
-        group: "main",
         title: "An error occurred",
         text: error.message,
         type: "error",