More skeleton loader, repair bandDetailPage

software/src/pages/events/bandDetailPage/bandMemberSection.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { BandModel } from '@/data/models/acts/bandModel';
-import sectionDivider from '@/components/sectionDivider.vue';
 import cardWithTopImage from '@/components/cardWithTopImage.vue';
+import { useFeedbackStore } from '@/data/stores/feedbackStore';
+
+const feedbackStore = useFeedbackStore()
 
 defineProps({
   band: {
@@ -12,9 +14,9 @@ defineProps({
 </script>
 
 <template>
-  <v-row>
-    <v-col>
-      <section-divider title="Band Mitglieder" />
+  <v-row v-if="feedbackStore.fetchDataFromServerInProgress" >
+    <v-col cols="3" v-for="i in 4">
+      <card-with-top-image :loading="true" />
     </v-col>
   </v-row>
 
@@ -24,7 +26,7 @@ defineProps({
     <v-col v-for="member of band.members" cols="3">
       <card-with-top-image
         :title="member.name"
-        :image="'artists/' + member.image"
+        :image=" member.image"
         :link="false"
       />
     </v-col>