refactor(front): playlist button in album detail

front/src/components/library/AlbumBase.vue

@@ -13,6 +13,7 @@ import axios from 'axios'
 
 import ArtistCreditLabel from '~/components/audio/ArtistCreditLabel.vue'
 import TrackFavoriteIcon from '~/components/favorites/TrackFavoriteIcon.vue'
+import TrackPlaylistIcon from '~/components/playlists/TrackPlaylistIcon.vue'
 import PlayButton from '~/components/audio/PlayButton.vue'
 import TagsList from '~/components/tags/List.vue'
 import AlbumDropdown from './AlbumDropdown.vue'
@@ -218,7 +219,6 @@ const remove = async () => {
             </Layout>
             <Layout flex>
               <PlayButton
-                class="vibrant"
                 split
                 :tracks="object.tracks"
                 :is-playable="object.is_playable"

front/src/components/playlists/TrackPlaylistIcon.vue

@@ -31,16 +31,15 @@ const labels = computed(() => ({
 <template>
   <Button
     v-if="button"
-    :class="['ui', 'icon', 'labeled', 'button']"
+    primary
+    icon="bi-list"
     @click.stop="store.commit('playlists/chooseTrack', track)"
   >
-    <i class="list icon" />
     {{ t('components.playlists.TrackPlaylistIcon.button.add') }}
   </Button>
   <Button
     v-else
-    round
-    outline
+    secondary
     icon="bi-list"
     :class="['ui', 'basic', 'circular', 'icon', {'really': !border}, 'button']"
     :aria-label="labels.addToPlaylist"