Enhance visit display: Improve layout and formatting of visit dates and notes

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

@@ -498,22 +498,32 @@
 													{adventure.category?.display_name + ' ' + adventure.category?.icon}
 												</p>
 												{#if adventure.visits.length > 0}
-													<p class="text-black text-sm">
+													<p>
 														{#each adventure.visits as visit}
-															{visit.start_date
+															<div
-																? new Date(visit.start_date).toLocaleDateString(undefined, {
+																class="p-4 border border-neutral rounded-lg bg-base-100 shadow-sm flex flex-col gap-2"
-																		timeZone: 'UTC'
+															>
-																	})
+																<p class="text-sm text-base-content font-medium">
-																: ''}
+																	{#if isAllDay(visit.start_date)}
-															{visit.end_date &&
+																		<span class="badge badge-outline mr-2">All Day</span>
-															visit.end_date !== '' &&
+																		{visit.start_date.split('T')[0]} – {visit.end_date.split(
-															visit.end_date !== visit.start_date
+																			'T'
-																? ' - ' +
+																		)[0]}
-																	new Date(visit.end_date).toLocaleDateString(undefined, {
+																	{:else}
-																		timeZone: 'UTC'
+																		{new Date(visit.start_date).toLocaleString()} – {new Date(
-																	})
+																			visit.end_date
-																: ''}
+																		).toLocaleString()}
-															<br />
+																	{/if}
+																</p>
+
+																<!-- If the selected timezone is not the current one show the timezone + the time converted there -->
+
+																{#if visit.notes}
+																	<p class="text-sm text-base-content opacity-70 italic">
+																		"{visit.notes}"
+																	</p>
+																{/if}
+															</div>
 														{/each}
 													</p>
 												{/if}