Added chapter guess challenge

src/lib/components/WinScreen.svelte

@@ -4,6 +4,7 @@
   import { onMount } from "svelte";
   import Container from "./Container.svelte";
   import CountdownTimer from "./CountdownTimer.svelte";
+  import ChapterGuess from "./ChapterGuess.svelte";
 
   interface StatsData {
     solveRank: number;
@@ -26,6 +27,8 @@
     copied = $bindable(false),
     statsSubmitted,
     guessCount,
+    reference,
+    onChapterGuessCompleted,
   } = $props();
 
   let bookName = $derived(getBookById(correctBookId)?.name ?? "");
@@ -128,11 +131,22 @@
       {/if}
     </div>
 
-    <p class="pt-6 big-text text-gray-700!">
-      {getNextGradeMessage(guessCount)}
-    </p>
+    {#if guessCount !== 1}
+      <p class="pt-6 big-text text-gray-700!">
+        {getNextGradeMessage(guessCount)}
+      </p>
+    {/if}
   </Container>
 
+  <!-- S++ Bonus Challenge for first try -->
+  {#if guessCount === 1}
+    <ChapterGuess
+      {reference}
+      bookId={correctBookId}
+      onCompleted={onChapterGuessCompleted}
+    />
+  {/if}
+
   <CountdownTimer />
 
   <!-- Statistics Display -->