Make coasters in park overview clickable

src/views/app/coasters/Coasters.vue

@@ -21,7 +21,7 @@ export default {
 </script>
 
 <template>
-    <title>Coaster Übersicht – CoasterDB</title>
+    <title>Coaster Übersicht - CoasterDB</title>
     <Header />
     <div style="margin-top: 63px;">
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">

src/views/app/parks/Park.vue

@@ -53,13 +53,14 @@ export default {
         <div>
           <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">Achterbahnen in diesem Park:</h2>
           <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
-            <div
+            <a
               v-for="coaster in coasters"
               :key="coaster.name"
               class="bg-white dark:bg-gray-800 shadow p-4 rounded-lg"
+              :href="`/app/coaster/${coaster.name.replace(' ', '_')}`"
             >
               <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ coaster.name }}</h3>
-            </div>
+          </a>
           </div>
         </div>
       </div>

src/views/app/parks/Parks.vue

@@ -21,7 +21,7 @@ export default {
 </script>
 
 <template>
-    <title>Park Übersicht – CoasterDB</title>
+    <title>Park Übersicht - CoasterDB</title>
     <Header />
     <div style="margin-top: 63px;">
         <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">