Split band detail page in section files

software/src/pages/shows/bandDetailPage/gallerySection.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { BandModel } from '@/data/models/acts/bandModel';
+import sectionDivider from '@/components/sectionDivider.vue';
+
+defineProps({
+  band: {
+    type: BandModel,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <v-row>
+    <v-col>
+      <section-divider title="Fotos" />
+    </v-col>
+  </v-row>
+
+  <v-row>
+    <v-col>
+      <v-carousel
+        show-arrows
+        hide-delimiter-background
+        hide-delimiters
+        height="900"
+      >
+        <template #prev="{ props }">
+          <v-btn
+            variant="text"
+            @click="props.onClick"
+            icon="mdi-chevron-left"
+          />
+        </template>
+
+        <template #next="{ props }">
+          <v-btn
+            variant="text"
+            @click="props.onClick"
+            icon="mdi-chevron-right"
+          />
+        </template>
+
+
+        <v-carousel-item
+          v-for="image in band.images"
+          :src="'http://localhost:3000/static/bands/' + image" 
+          cover
+        />
+      </v-carousel>
+    </v-col>
+  </v-row>
+</template>