add projects dropdown

src/routes/+page.svelte

@@ -2,6 +2,7 @@
 	import { resolve } from '$app/paths';
 	import portrait from '$lib/assets/stan.jpg?url';
 	import ProgressBar from '$lib/components/ProgressBar.svelte';
+	import { projects } from '$lib/projects';
 	import ArrowRight from 'lucide-svelte/icons/arrow-right';
 	import ExternalLink from 'lucide-svelte/icons/external-link';
 	import Mail from 'lucide-svelte/icons/mail';
@@ -9,38 +10,6 @@
 
 	let { data }: PageProps = $props();
 
-	const projects = [
-		{
-			name: 'vash esports',
-			subtitle: 'the best way to play osu!',
-			href: 'https://esports.vash.software',
-			external: true
-		},
-		{
-			name: 'catchemall',
-			subtitle: 'catch 1025 pokemon across 53 games',
-			href: '/projects/catch-em-all',
-			external: false
-		},
-		{
-			name: 'animaldex',
-			subtitle: 'add neighborhood pets to the world map',
-			href: '/projects/animaldex',
-			external: false
-		},
-		{
-			name: 'osu! map finder',
-			subtitle: 'find osu! maps for Spotify songs/albums/playlists',
-			href: '/projects/spotify-beatmap-finder',
-			external: false
-		},
-		{
-			name: 'derby lens',
-			subtitle: 'estimate odds for horse betting',
-			href: '/projects/derby',
-			external: false
-		}
-	] as const;
 	const experience = [
 		{ when: '2026–now', role: 'associate software engineer', place: 'Cargill' },
 		{