Add setup section to about page

src/routes/about/+page.svelte

@@ -8,6 +8,7 @@
 	import AnimeSection from '#lib/components/about/AnimeSection.svelte';
 	import MediaGrid from '#lib/components/about/MediaGrid.svelte';
 	import GameCard from '#lib/components/about/GameCard.svelte';
+	import SetupSection from '#lib/components/about/setup/SetupSection.svelte';
 	import ListeningSection from '#lib/components/about/listening/ListeningSection.svelte';
 	import type { PageProps } from './$types';
 
@@ -23,6 +24,7 @@
 
 	const sections = $derived([
 		{ id: 'hobbies', label: 'Hobbies', color: 'blue' },
+		...(about.setup ? [{ id: 'setup', label: 'Setup', color: 'cyan' }] : []),
 		{ id: 'games', label: 'Games', color: 'orange' },
 		{ id: 'shows', label: 'Shows', color: 'yellow' },
 		{ id: 'movies', label: 'Movies', color: 'green' },
@@ -47,6 +49,12 @@
 		</div>
 	</Section>
 
+	{#if about.setup}
+		<Section title="Setup" id="setup">
+			<SetupSection setup={about.setup} />
+		</Section>
+	{/if}
+
 	<Section title="Games" id="games">
 		<div class="game-grid">
 			{#each about.games as game (game.name)}