fix: Use default export for composables not implemented properly

frontend/src/components/AdvancedTable.vue

@@ -15,7 +15,7 @@ import { Sortable } from "sortablejs-vue3";
 import Toast from "toasters";
 import keyboardShortcuts from "@/keyboardShortcuts";
 import ws from "@/ws";
-import { useDragBox } from "@/composables/useDragBox";
+import useDragBox from "@/composables/useDragBox";
 
 const { dragBox, setInitialBox, onDragBox, resetBoxPosition } = useDragBox();
 

frontend/src/components/FloatingBox.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // WIP
 import { onMounted, onUnmounted, ref, defineExpose, nextTick } from "vue";
-import { useDragBox } from "@/composables/useDragBox";
+import useDragBox from "@/composables/useDragBox";
 
 const props = defineProps({
 	id: { type: String, default: null },

frontend/src/components/PlaylistTabBase.vue

@@ -6,7 +6,7 @@ import ws from "@/ws";
 
 import { useModalState } from "@/vuex_helpers";
 
-import { useSortablePlaylists } from "@/composables/useSortablePlaylists";
+import useSortablePlaylists from "@/composables/useSortablePlaylists";
 
 const PlaylistItem = defineAsyncComponent(
 	() => import("@/components/PlaylistItem.vue")

frontend/src/components/Request.vue

@@ -6,8 +6,8 @@ import Toast from "toasters";
 
 // import SearchYoutube from "@/mixins/SearchYoutube.vue";
 // import SearchMusare from "@/mixins/SearchMusare.vue";
-import { useSearchYoutube } from "@/composables/useSearchYoutube";
-import { useSearchMusare } from "@/composables/useSearchMusare";
+import useSearchYoutube from "@/composables/useSearchYoutube";
+import useSearchMusare from "@/composables/useSearchMusare";
 
 const SongItem = defineAsyncComponent(
 	() => import("@/components/SongItem.vue")

frontend/src/components/modals/EditSong/Tabs/Songs.vue

@@ -3,7 +3,7 @@ import { defineAsyncComponent, ref, onMounted } from "vue";
 
 import { useModalState } from "@/vuex_helpers";
 
-import { useSearchMusare } from "@/composables/useSearchMusare";
+import useSearchMusare from "@/composables/useSearchMusare";
 
 const SongItem = defineAsyncComponent(
 	() => import("@/components/SongItem.vue")

frontend/src/components/modals/EditSong/Tabs/Youtube.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useModalState, useModalActions } from "@/vuex_helpers";
 
-import { useSearchYoutube } from "@/composables/useSearchYoutube";
+import useSearchYoutube from "@/composables/useSearchYoutube";
 
 import SearchQueryItem from "../../../SearchQueryItem.vue";
 

frontend/src/pages/Profile/Tabs/Playlists.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineAsyncComponent, onMounted } from "vue";
 import { useStore } from "vuex";
-import { useSortablePlaylists } from "@/composables/useSortablePlaylists";
+import useSortablePlaylists from "@/composables/useSortablePlaylists";
 
 const PlaylistItem = defineAsyncComponent(
 	() => import("@/components/PlaylistItem.vue")