feat: Add "Open in Maps" button for adventures with location coordinates

frontend/src/locales/en.json

@@ -113,6 +113,7 @@
 		"copy_link": "Copy Link",
 		"image": "Image",
 		"upload_image": "Upload Image",
+		"open_in_maps": "Open in Maps",
 		"url": "URL",
 		"fetch_image": "Fetch Image",
 		"wikipedia": "Wikipedia",

frontend/src/routes/adventures/[id]/+page.svelte

@@ -436,6 +436,12 @@
 										</div>
 									</div>
 								{/if}
+								<a
+									class="btn btn-neutral btn-sm max-w-32"
+									href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`}
+									target="_blank"
+									rel="noopener noreferrer">{$t('adventures.open_in_maps')}</a
+								>
 								<MapLibre
 									style="https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json"
 									class="flex items-center self-center justify-center aspect-[9/16] max-h-[70vh] sm:aspect-video sm:max-h-full w-10/12 rounded-lg"

frontend/src/routes/map/+page.svelte

@@ -163,10 +163,21 @@
 								{/each}
 							</p>
 						{/if}
-						<button
+						<div class="flex flex-col">
-							class="btn btn-neutral btn-wide btn-sm mt-4"
+							{#if adventure.longitude && adventure.latitude}
-							on:click={() => goto(`/adventures/${adventure.id}`)}>{$t('map.view_details')}</button
+								<a
-						>
+									class="btn btn-neutral btn-wide btn-sm mt-4"
+									href={`https://maps.apple.com/?q=${adventure.latitude},${adventure.longitude}`}
+									target="_blank"
+									rel="noopener noreferrer">{$t('adventures.open_in_maps')}</a
+								>
+							{/if}
+							<button
+								class="btn btn-neutral btn-wide btn-sm mt-2"
+								on:click={() => goto(`/adventures/${adventure.id}`)}
+								>{$t('map.view_details')}</button
+							>
+						</div>
 					</Popup>
 				{/if}
 			</Marker>