refactor: continue replacing artist card and widget

front/src/components/album/Widget.vue

@@ -83,8 +83,7 @@ watch(
       v-model="query"
       @search="performSearch"
     />
-    <div class="ui hidden divider" />
-    <div class="ui app-cards cards">
+    <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
       <div
         v-if="isLoading"
         class="ui inverted active dimmer"

front/src/components/artist/Widget.vue

@@ -6,7 +6,7 @@ import { useStore } from '~/store'
 
 import axios from 'axios'
 
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 
 import useErrorHandler from '~/composables/useErrorHandler'
 
@@ -79,7 +79,7 @@ watch(
       @search="performSearch"
     />
     <div class="ui hidden divider" />
-    <div class="ui five app-cards cards">
+    <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
       <div
         v-if="isLoading"
         class="ui inverted active dimmer"

front/src/components/audio/ChannelSeries.vue

@@ -6,7 +6,7 @@ import { ref, reactive } from 'vue'
 
 import axios from 'axios'
 import ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue'
-import AlbumCard from '~/components/album/Card.vue'
+import AlbumCard from '~/components/audio/album/Card.vue'
 
 interface Props {
   filters: object

front/src/components/audio/Search.vue

@@ -7,7 +7,7 @@ import { refDebounced } from '@vueuse/core'
 
 import axios from 'axios'
 import AlbumCard from '~/components/album/Card.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 
 import useErrorHandler from '~/composables/useErrorHandler'
 import useLogger from '~/composables/useLogger'

front/src/components/library/Home.vue

@@ -86,6 +86,7 @@ fetchData()
           </track-widget>
         </div>
         <div class="column">
+        PLAYLIST WIDGET
           <playlist-widget
             :url="'playlists/'"
             :filters="{scope: scope, playable: true, ordering: '-modification_date'}"

front/src/components/library/Podcasts.vue

@@ -17,7 +17,7 @@ import $ from 'jquery'
 import TagsSelector from '~/components/library/TagsSelector.vue'
 import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
 import SemanticModal from '~/components/semantic/Modal.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 import Pagination from '~/components/vui/Pagination.vue'
 
 import useSharedLabels from '~/composables/locale/useSharedLabels'

front/src/components/library/TagDetail.vue

@@ -4,7 +4,7 @@ import { computed } from 'vue'
 import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
 import TrackWidget from '~/components/audio/track/Widget.vue'
 import AlbumWidget from '~/components/album/Widget.vue'
-import ArtistWidget from '~/components/audio/artist/Widget.vue'
+import ArtistWidget from '~/components/artist/Widget.vue'
 import RadioButton from '~/components/radios/Button.vue'
 
 interface Props {

front/src/views/Search.vue

@@ -10,7 +10,7 @@ import axios from 'axios'
 
 import PlaylistCardList from '~/components/playlists/CardList.vue'
 import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
-import ArtistCard from '~/components/audio/artist/Card.vue'
+import ArtistCard from '~/components/artist/Card.vue'
 import TrackTable from '~/components/audio/track/Table.vue'
 import AlbumCard from '~/components/album/Card.vue'
 import Pagination from '~/components/vui/Pagination.vue'

front/src/views/library/DetailOverview.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Library } from '~/types'
 
-import ArtistWidget from '~/components/audio/artist/Widget.vue'
+import ArtistWidget from '~/components/artist/Widget.vue'
 
 interface Props {
   object: Library