fix(front): reinitialize virtual queue list whenever queue gets empty

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2337>

front/src/components/Queue.vue

@@ -427,6 +427,7 @@ const coverType = useStorage('queue:cover-type', CoverType.COVER_ART)
           </h2>
         </div>
         <virtual-list
+          v-if="queueItems.length !== 0"
           ref="list"
           :list="queueItems"
           :component="QueueItem"

front/src/composables/audio/usePlayOptions.ts

@@ -2,7 +2,7 @@ import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/
 import type { ContentFilter } from '~/store/moderation'
 
 import { useCurrentElement } from '@vueuse/core'
-import { computed, markRaw, ref } from 'vue'
+import { computed, markRaw, nextTick, ref } from 'vue'
 import { i18n } from '~/init/locale'
 import { useStore } from '~/store'
 
@@ -155,7 +155,7 @@ export default (props: PlayOptionsProps) => {
   }
 
   const replacePlay = async (index?: number) => {
-    clear()
+    await clear()
 
     jQuery(el.value).find('.ui.dropdown').dropdown('hide')