Adding Seat plan component and database tables

software/src/pages/homePage/index.vue

@@ -62,6 +62,7 @@ const concertStore = useConcertStore()
               :image="'locations/' + concertStore.locations[i + 2].image"
               :title="concertStore.locations[i + 2].name"
               smaller-title
+              @click="router.push('/locations/' + concertStore.locations[i + 2].name.replaceAll(' ', '-').toLowerCase())"
             >
               {{ concertStore.locations[i + 2].city.name }}, {{ concertStore.locations[i + 2].city.country }}
             </card-with-top-image>

software/src/pages/locations/locationDetailPage/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { LocationModel } from '@/data/models/acts/locationModel';
+import { LocationModel } from '@/data/models/locations/locationModel';
 import { useConcertStore } from '@/data/stores/concertStore';
-import { createDateRangeString, lowestTicketPrice } from '@/scripts/concertScripts';
 import { useRouter } from 'vue-router';
 import cardWithLeftImage from '@/components/cardWithLeftImage.vue';
 import sectionDivider from '@/components/sectionDivider.vue';
 import { dateStringToHumanReadableString } from '@/scripts/dateTimeScripts';
+import seatPlanMap from '@/components/seatPlanMap/seatPlanMap.vue';
 
 const router = useRouter()
 const concertStore = useConcertStore()
@@ -83,6 +83,20 @@ const location: LocationModel = concertStore.locations.find(location =>
             />
           </v-col>
         </v-row>
+
+        <v-row>
+          <v-col>
+            <section-divider :title="$t('seatPlan')" />
+          </v-col>
+        </v-row>
+
+        <v-row>
+          <v-col>
+            <seat-plan-map
+              :seat-groups="location.seatGroups"
+            />
+          </v-col>
+        </v-row>
       </v-col>
 
       <v-spacer/>

software/src/pages/shows/eventsPage/filterBar.vue

@@ -15,7 +15,7 @@ const concertStore = useConcertStore()
           variant="outlined"
           :items="concertStore.cities"
           v-model="concertStore.cityFilter"
-          label="Stadt"
+          :label="$t('city')"
           density="compact"
           class="mb-n5"
           :clearable="concertStore.cityFilter != null && concertStore.cityFilter.id != undefined"