remove emojis with real icons

src/routes/projects/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
+	import ArrowRight from 'lucide-svelte/icons/arrow-right';
+	import ExternalLink from 'lucide-svelte/icons/external-link';
 
 	const projects = [
 		{ name: 'catchemall', href: '/projects/catch-em-all', external: false },
@@ -30,18 +32,22 @@
 						rel="external"
 						class="flex items-center justify-between gap-4 py-5 hover:text-[var(--site-muted)]"
 					>
-						<span>{project.name}</span><span aria-hidden="true" class="text-[var(--site-muted)]"
-							>↗</span
-						>
+						<span>{project.name}</span><ExternalLink
+							size={18}
+							aria-hidden="true"
+							class="text-[var(--site-muted)]"
+						/>
 					</a>
 				{:else}
 					<a
 						href={resolve(project.href)}
 						class="flex items-center justify-between gap-4 py-5 hover:text-[var(--site-muted)]"
 					>
-						<span>{project.name}</span><span aria-hidden="true" class="text-[var(--site-muted)]"
-							>↗</span
-						>
+						<span>{project.name}</span><ArrowRight
+							size={18}
+							aria-hidden="true"
+							class="text-[var(--site-muted)]"
+						/>
 					</a>
 				{/if}
 			</li>