Added streak percentage

src/routes/+page.svelte

@@ -18,7 +18,7 @@
 		shareResult,
 		copyToClipboard as clipboardCopy,
 	} from "$lib/utils/share";
-	import { fetchStreak } from "$lib/utils/streak";
+	import { fetchStreak, fetchStreakPercentile } from "$lib/utils/streak";
 	import {
 		submitCompletion,
 		fetchExistingStats,
@@ -41,6 +41,7 @@
 	let showWinScreen = $state(false);
 	let statsData = $state<StatsData | null>(null);
 	let streak = $state(0);
+	let streakPercentile = $state<number | null>(null);
 
 	const persistence = createGamePersistence(
 		() => dailyVerse.date,
@@ -217,6 +218,11 @@
 		const localDate = new Date().toLocaleDateString("en-CA");
 		fetchStreak(persistence.anonymousId, localDate).then((result) => {
 			streak = result;
+			if (result >= 2) {
+				fetchStreakPercentile(result, localDate).then((p) => {
+					streakPercentile = p;
+				});
+			}
 		});
 	});
 
@@ -308,6 +314,7 @@
 						onChapterGuessCompleted={persistence.onChapterGuessCompleted}
 						shareText={getShareText()}
 						{streak}
+						{streakPercentile}
 					/>
 				</div>
 			{/if}