feat: add DailyFruitHint component and integrate it into the daily fruit page

src/routes/(game)/daily/fruit/+page.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-    import { onDestroy, onMount } from 'svelte';
+    import { onMount } from 'svelte';
     import YesterdayCharacter from '$lib/components/YesterdayCharacter.svelte';
     import CharacterSearchInput from '$lib/components/CharacterSearchInput.svelte';
+    import DailyFruitHint from '$lib/components/DailyFruitHint.svelte';
     import SimpleGuessHistory from '$lib/components/SimpleGuessHistory.svelte';
     import WinPanel from '$lib/components/WinPanel.svelte';
     import type { CharacterWithRelations } from '$lib/server/daily-character.js';
@@ -43,8 +44,6 @@
         isLoaded = true;
     });
 
-    onDestroy(() => {});
-
     $: if (isLoaded && selectedCharacters) {
         const ids = selectedCharacters.map(char => char.id);
         localStorage.setItem('dailyFruitHistory', JSON.stringify(ids));
@@ -121,6 +120,13 @@
             <p class="mt-2 text-center text-xl font-bold text-amber-50 sm:text-2xl">{dailyFruit?.name}</p>
         </div>
 
+        <section class="mt-6">
+            <DailyFruitHint
+                dailyFruit={dailyFruit}
+                {selectedCharacters}
+            />
+        </section>
+
         <section class="mt-6 grid gap-6">
             {#if hasWon}
                 <WinPanel