remove emojis with real icons

src/routes/lists/[slug]/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
+	import ArrowLeft from 'lucide-svelte/icons/arrow-left';
+	import Check from 'lucide-svelte/icons/check';
 	import { enhance } from '$app/forms';
 	import ListPictureDropzone from '$lib/components/ListPictureDropzone.svelte';
 	import ProgressBar from '$lib/components/ProgressBar.svelte';
@@ -48,7 +50,8 @@
 <section class="mx-auto max-w-4xl space-y-6 px-4 py-10 sm:px-6 sm:py-14">
 	<a
 		href={resolve('/lists')}
-		class="text-base text-[var(--site-muted)] hover:text-[var(--site-text)]">← lists</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" /> lists</a
 	>
 	<div class="flex flex-wrap items-end justify-between gap-4">
 		<div>
@@ -173,7 +176,7 @@
 								class="flex h-8 w-8 items-center justify-center rounded-full border border-[var(--site-border)] text-base"
 								aria-label={`${completed.has(item.id) ? 'Uncheck' : 'Check'} ${item.name}`}
 							>
-								{completed.has(item.id) ? '✓' : ''}
+								{#if completed.has(item.id)}<Check size={16} aria-hidden="true" />{/if}
 							</button>
 						</form>
 					{/if}