Refactor adventure page layout to display activity types in +page.svelte and update server files

src/routes/adventure/[id]/+page.svelte

@@ -11,6 +11,7 @@
   onMount(() => {
     if (data.adventure.adventure) {
       adventure = data.adventure.adventure[0];
+      console.log(adventure.activityTypes);
     } else {
       goto("/404");
     }
@@ -63,4 +64,12 @@
       />
     </div>
   {/if}
+  {#if adventure.activityTypes && adventure.activityTypes.length > 0}
+    <div class="flex justify-center items-center mt-4">
+      <p class="text-center text-lg">Activities:</p>
+      <ul class="flex flex-wrap">
+        {adventure.activityTypes.toString()}
+      </ul>
+    </div>
+  {/if}
 {/if}