fix: fixed some issues with removal of global components

frontend/src/components/modals/EditSong/index.vue

@@ -21,7 +21,8 @@ import { useModalsStore } from "@/stores/modals";
 import { useEditSongStore } from "@/stores/editSong";
 import { useStationStore } from "@/stores/station";
 
-const Modal = defineAsyncComponent(() => import("@/components/Modal.vue"));
+import Modal from "@/components/Modal.vue";
+
 const FloatingBox = defineAsyncComponent(
 	() => import("@/components/FloatingBox.vue")
 );

frontend/src/components/modals/ViewYoutubeVideo.vue

@@ -9,7 +9,8 @@ import { useModalsStore } from "@/stores/modals";
 import { useViewYoutubeVideoStore } from "@/stores/viewYoutubeVideo";
 import { useStationStore } from "@/stores/station";
 
-const Modal = defineAsyncComponent(() => import("@/components/Modal.vue"));
+import Modal from "@/components/Modal.vue";
+
 const SongThumbnail = defineAsyncComponent(
 	() => import("@/components/SongThumbnail.vue")
 );

frontend/src/pages/Admin/Songs/index.vue

@@ -19,6 +19,9 @@ const QuickConfirm = defineAsyncComponent(
 const SongThumbnail = defineAsyncComponent(
 	() => import("@/components/SongThumbnail.vue")
 );
+const UserLink = defineAsyncComponent(
+	() => import("@/components/UserLink.vue")
+);
 
 const route = useRoute();
 
@@ -663,7 +666,7 @@ onMounted(() => {
 				}}</span>
 			</template>
 			<template #column-requestedBy="slotProps">
-				<UserLink :user-id="slotProps.item.requestedBy" />
+				<user-link :user-id="slotProps.item.requestedBy" />
 			</template>
 			<template #column-requestedAt="slotProps">
 				<span
@@ -672,7 +675,7 @@ onMounted(() => {
 				>
 			</template>
 			<template #column-verifiedBy="slotProps">
-				<UserLink :user-id="slotProps.item.verifiedBy" />
+				<user-link :user-id="slotProps.item.verifiedBy" />
 			</template>
 			<template #column-verifiedAt="slotProps">
 				<span :title="new Date(slotProps.item.verifiedAt).toString()">{{