Creating whole Band details page

software/src/components/cardWithLeftImage.vue

@@ -1,21 +1,30 @@
 <script setup lang="ts">
 defineProps({
   image: String,
-  title: String
+  title: String,
+  link: {
+    type: Boolean,
+    default: true
+  }
 })
 </script>
 
 <template>
   <v-card
     variant="tonal"
-    link
+    :link="link"
   >
     <v-row>
       <v-col cols="auto" class="pr-0">
-        <v-img :src="image" aspect-ratio="1" width="140" cover />
+        <v-img 
+          :src="image" 
+          aspect-ratio="1" 
+          width="140" 
+          cover 
+        />
       </v-col>
 
-      <v-col class="pl-0">
+      <v-col class="pl-0" cols="7">
         <v-card-title v-if="title">
           {{ title }}
         </v-card-title>
@@ -25,7 +34,16 @@ defineProps({
         </div>
       </v-col>
 
-      <v-col cols="2" height="100%">
+      <v-spacer />
+
+      <v-divider vertical height="100%" color="blue"/>
+
+      <v-col
+        cols="2"
+        height="100%"
+        style="flex-wrap: nowrap; align-self: center;"
+        class="text-h5 text-center mr-3"
+      >
         <slot name="append"></slot>
       </v-col>
     </v-row>

software/src/components/cardWithTopImage.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 defineProps({
   image: String,
+  errorImage: {
+    type: String,
+    default: "artists/unknown-artist.jpg"
+  },
   title: String,
   smallerTitle: {
     type: Boolean,
@@ -19,7 +23,15 @@ defineProps({
       aspect-ratio="1"
       style="background-color: aliceblue;"
       cover
-    />
+    >
+      <template #error>
+        <v-img
+          :src="'http://localhost:3000/static/' + errorImage"
+          aspect-ratio="1"
+          style="background-color: aliceblue;"
+        />
+      </template>
+    </v-img>
 
     <div v-if="title">
       <v-card-title v-if="!smallerTitle">

software/src/components/navigation/navigationPrependItems.vue

@@ -21,19 +21,6 @@
   <v-divider vertical />
 
 
-  <v-btn
-    variant="text"
-    to="/shows/bands"
-    prepend-icon="mdi-music-clef-treble"
-    height="100%"
-    :rounded="false"
-  >
-    {{ $t('menu.allBands') }}
-  </v-btn>
-
-  <v-divider vertical />
-
-
   <v-btn
     variant="text"
     to="/shows/locations"