redesign the album bio component

src/views/album/Bottom.vue

@@ -1,10 +1,8 @@
 <template>
   <div class="bottom-content">
     <FeaturedArtists :artists="artists" />
-    <div v-if="bio">
-      <div class="separator" id="av-sep"></div>
-      <AlbumBio :bio="bio" />
-    </div>
+
+    <AlbumBio :bio="bio" :images="{ album: image, artist: artists[0].image }" />
   </div>
 </template>
 
@@ -16,6 +14,7 @@ import AlbumBio from "@/components/AlbumView/AlbumBio.vue";
 defineProps<{
   artists: Artist[];
   bio: string | null;
+  image: string;
 }>();
 </script>
 

src/views/album/index.vue

@@ -7,14 +7,22 @@
       <Content :tracks="album.tracks" />
     </template>
     <template #bottom>
-      <Bottom :artists="album.artists" :bio="album.bio" />
+      <Bottom
+        :artists="album.artists"
+        :bio="album.bio"
+        :image="album.info.image"
+      />
     </template>
   </Page>
 </template>
 
 <script setup lang="ts">
 import useAStore from "@/stores/pages/album";
-import { onBeforeRouteUpdate, RouteLocationNormalized, RouteParams } from "vue-router";
+import {
+  onBeforeRouteUpdate,
+  RouteLocationNormalized,
+  RouteParams,
+} from "vue-router";
 
 import Page from "@/layouts/HeaderContentBottom.vue";
 import Bottom from "./Bottom.vue";