remove emojis with real icons

src/routes/projects/animaldex/register/+page.svelte

@@ -4,6 +4,8 @@
 	import { onDestroy, onMount } from 'svelte';
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
+	import ArrowLeft from 'lucide-svelte/icons/arrow-left';
+	import X from 'lucide-svelte/icons/x';
 
 	const animalId = $derived($page.url.searchParams.get('animalId'));
 	const isNewSighting = $derived(!!animalId);
@@ -240,7 +242,8 @@
 <section class="mx-auto max-w-3xl px-4 py-10 sm:px-6 sm:py-14">
 	<a
 		href={resolve('/projects/animaldex')}
-		class="text-base text-[var(--site-muted)] hover:text-[var(--site-text)]">← animaldex</a
+		class="inline-flex items-center gap-1 text-base text-[var(--site-muted)] hover:text-[var(--site-text)]"
+		><ArrowLeft size={16} aria-hidden="true" /> animaldex</a
 	>
 	<h1 class="mt-5 text-4xl font-semibold tracking-tight sm:text-5xl">
 		{isNewSighting ? 'add a sighting' : 'add an animal'}
@@ -278,7 +281,7 @@
 							onclick={() => removePhoto(i)}
 							aria-label={`Remove photo ${i + 1}`}
 							class="absolute top-1 right-1 flex h-5 w-5 items-center justify-center rounded-full bg-black/60 text-xs text-white"
-							>✕</button
+							><X size={12} aria-hidden="true" /></button
 						>
 					</div>
 				{/each}