feat(front): square images for podcasts

front/src/components/artist/Card.vue

@@ -46,7 +46,7 @@ const { artist } = props
         v-if="artist.cover"
         v-lazy="artist.cover.urls.medium_square_crop"
         :alt="artist.name"
-        class="channel-image"
+        :class="[artist.content_category === 'podcast' ? 'podcast-image' : 'channel-image']"
       >
       <i
         v-else
@@ -81,6 +81,12 @@ const { artist } = props
   margin: 16px;
 }
 
+.podcast-image {
+  width: 168px;
+  height: 168px;
+  margin: 16px;
+}
+
 .play-button {
   top: 16px;
   right: 16px;

front/src/components/audio/ChannelCard.vue

@@ -65,7 +65,7 @@ const updatedAgo = computed(() => moment(props.object.artist?.modification_date)
         v-if="imageUrl"
         v-lazy="imageUrl"
         :alt="object.artist?.name"
-        class="channel-image"
+        :class="[object.artist?.content_category === 'podcast' ? 'podcast-image' : 'channel-image']"
       >
       <i
         v-else
@@ -122,6 +122,12 @@ const updatedAgo = computed(() => moment(props.object.artist?.modification_date)
   margin: 16px;
 }
 
+.podcast-image {
+  width: 168px;
+  height: 168px;
+  margin: 16px;
+}
+
 .play-button {
   top: 16px;
   right: 16px;

front/src/views/channels/DetailBase.vue

@@ -174,7 +174,7 @@ const tabs = ref([
           <img
             v-if="object.artist?.cover"
             alt=""
-            class="huge channel-image"
+            :class="['huge', object.artist?.content_category === 'podcast' ? 'podcast-image' : 'channel-image']"
             :src="store.getters['instance/absoluteUrl'](object.artist.cover.urls.large_square_crop)"
           >
           <i
@@ -261,7 +261,7 @@ const tabs = ref([
                 <ActorLink
                   v-if="object.actor"
                   discrete
-                  :avatar="false"
+                  :avatar="true"
                   :actor="object.attributed_to"
                   :display-name="true"
                 />
@@ -496,6 +496,10 @@ const tabs = ref([
   .channel-image {
     border-radius: 50%;
   }
+  .huge {
+    width: 300px;
+    height: 300px;
+  }
   .meta {
     line-height: 24px;
     font-size: 15px;