Add Last.fm music stats 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 ListeningSection from '#lib/components/about/listening/ListeningSection.svelte';
 	import type { PageProps } from './$types';
 
 	let { data }: PageProps = $props();
@@ -25,6 +26,7 @@
 		{ id: 'games', label: 'Games', color: 'orange' },
 		{ id: 'shows', label: 'Shows', color: 'yellow' },
 		{ id: 'movies', label: 'Movies', color: 'green' },
+		...(data.listening ? [{ id: 'music', label: 'Music', color: 'red' }] : []),
 		...(data.anime ? [{ id: 'anime', label: 'Anime', color: 'magenta' }] : [])
 	]);
 </script>
@@ -59,6 +61,12 @@
 		</Section>
 	{/each}
 
+	{#if data.listening}
+		<Section title="Music" id="music">
+			<ListeningSection listening={data.listening} />
+		</Section>
+	{/if}
+
 	{#if data.anime}
 		<Section title="Anime" id="anime">
 			<AnimeSection anime={data.anime} />