feat: refactor AttachmentCard component to handle delete action locally and simplify adventure page logic

frontend/src/lib/components/AttachmentCard.svelte

@@ -90,10 +90,10 @@
 				>
 					{$t('transportation.edit')}
 				</button>
+				<button class="btn btn-sm btn-danger btn-outline" type="button" on:click={deleteAttachment}>
+					{$t('adventures.delete')}
+				</button>
 			{/if}
-			<button class="btn btn-sm btn-danger btn-outline" type="button" on:click={deleteAttachment}>
-				{$t('adventures.delete')}
-			</button>
 		</div>
 	</div>
 </div>

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

@@ -12,12 +12,6 @@
 		return marked(markdown);
 	};
 
-	function deleteAttachment(event: CustomEvent<string>) {
-		adventure.attachments = adventure.attachments.filter(
-			(attachment) => attachment.id !== event.detail
-		);
-	}
-
 	export let data: PageData;
 	console.log(data);
 
@@ -395,7 +389,7 @@
 									{#if adventure.attachments && adventure.attachments.length > 0}
 										<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
 											{#each adventure.attachments as attachment}
-												<AttachmentCard {attachment} on:delete={deleteAttachment} />
+												<AttachmentCard {attachment} />
 											{/each}
 										</div>
 									{/if}