Add hobby stats and graphs to btop

src/lib/components/btop/hobbies/AniListPanel.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { AniListStats } from '#lib/btop/types';
+	import BtopBox from '../BtopBox.svelte';
+	import CountBars from '../charts/CountBars.svelte';
+	import StatRows from '../charts/StatRows.svelte';
+	import SectionLabel from '../charts/SectionLabel.svelte';
+
+	let { stats, title, number, color }: { stats: AniListStats; title: string; number: number; color: string } = $props();
+</script>
+
+<BtopBox {title} {number} {color}>
+	<StatRows rows={stats.rows} />
+
+	{#if stats.statuses.length}
+		<SectionLabel text="lists" {color} />
+		<CountBars items={stats.statuses} />
+	{/if}
+</BtopBox>