fix(front): display multi artist credits in one line in player and in queue

front/src/components/Queue.vue

@@ -296,6 +296,7 @@ if (!isWebGLSupported) {
             </template>
           </h2>
           <span>
+            <Layout flex gap-8>
               <template
                 v-for="ac in currentTrack.artistCredit"
                 :key="ac.artist.id"
@@ -320,6 +321,7 @@ if (!isWebGLSupported) {
                 </router-link>
                 <span>{{ ac.joinphrase }}</span>
               </template>
+            </Layout>
           </span>
           <div
             v-if="currentTrack && errored"

front/src/components/audio/Player.vue

@@ -15,6 +15,7 @@ import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
 import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
 import PlayerControls from './PlayerControls.vue'
 import VolumeControl from './VolumeControl.vue'
+import Layout from '~/components/ui/Layout.vue'
 import Button from '~/components/ui/Button.vue'
 
 const {
@@ -230,7 +231,11 @@ const hideArtist = () => {
             <strong>
               {{ currentTrack.title }}
             </strong>
-            <div class="meta">
+            <Layout
+              flex
+              no-gap
+              class="meta"
+            >
               <div
                 v-for="ac in currentTrack.artistCredit"
                 :key="ac.artist.id"
@@ -242,7 +247,7 @@ const hideArtist = () => {
                 <span class="middle slash symbol" />
                 {{ currentTrack.albumTitle ?? t('components.audio.Player.meta.unknownAlbum') }}
               </template>
-            </div>
+            </Layout>
           </div>
         </div>
         <div