feat: obchod, černé můry, netopýr, pavouk a denní úkoly u chytání motýlků

- obchod s pomůckami a trvalými vylepšeními (větší síťka, strašák, zpevněná síťka) – mince mají trvalý smysl
- černé můry se míchají mezi motýly; chycení (i magnetem) ubere hodně úlovků
- ptáci silnější, plašič dražší a kratší, zloději chodí častěji podle bohatství
- denní úkol s odměnou + achievementy/odznaky
- netopýr v noci loví motýly, pavouk zamotá síťku pavučinou – oba na zaklikání
- nákupní hlášky rozlišují nedostatek mincí od jiné chyby; herní smyčka se pozastaví při skryté záložce

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

client/src/components/modals/ButterflyLeaderboardModal.tsx

@@ -1,6 +1,9 @@
 import { useEffect, useState } from "react";
 import { Modal } from "react-bootstrap";
-import { ButterflyLeaderboardEntry, ButterflyStats, getButterflyLeaderboard } from "../../../../types";
+import {
+    ButterflyLeaderboardEntry, ButterflyStats, ButterflyAchievement,
+    getButterflyLeaderboard, getButterflyAchievements,
+} from "../../../../types";
 import { useAuth } from "../../context/auth";
 import "./ButterflyLeaderboardModal.scss";
 
@@ -12,20 +15,25 @@ type Props = {
 
 const MEDALS = ['🥇', '🥈', '🥉'];
 
-/** Modální dialog s osobními statistikami a týmovým žebříčkem chytačů motýlů. */
+/** Modální dialog s osobními statistikami, achievementy a týmovým žebříčkem. */
 export default function ButterflyLeaderboardModal({ isOpen, onClose, myStats }: Readonly<Props>) {
     const auth = useAuth();
     const [entries, setEntries] = useState<ButterflyLeaderboardEntry[]>();
+    const [achievements, setAchievements] = useState<ButterflyAchievement[]>();
     const [loading, setLoading] = useState(false);
 
     useEffect(() => {
         if (!isOpen) return;
         let cancelled = false;
         setLoading(true);
-        getButterflyLeaderboard({ query: { limit: 20 } })
-            .then(res => { if (!cancelled) setEntries(res.data ?? []); })
-            .catch(() => { if (!cancelled) setEntries([]); })
-            .finally(() => { if (!cancelled) setLoading(false); });
+        Promise.all([
+            getButterflyLeaderboard({ query: { limit: 20 } }).then(r => r.data ?? []).catch(() => []),
+            getButterflyAchievements().then(r => r.data ?? []).catch(() => []),
+        ]).then(([lb, ach]) => {
+            if (cancelled) return;
+            setEntries(lb);
+            setAchievements(ach);
+        }).finally(() => { if (!cancelled) setLoading(false); });
         return () => { cancelled = true; };
     }, [isOpen]);
 
@@ -52,6 +60,24 @@ export default function ButterflyLeaderboardModal({ isOpen, onClose, myStats }:
                     </div>
                 )}
 
+                {achievements && achievements.length > 0 && (
+                    <>
+                        <h6 className="butterfly-leaderboard-heading">Odznaky</h6>
+                        <div className="butterfly-achievements">
+                            {achievements.map(a => (
+                                <div
+                                    key={a.id}
+                                    className={a.unlocked ? 'butterfly-achievement unlocked' : 'butterfly-achievement'}
+                                    title={a.description}
+                                >
+                                    <span className="ach-icon">{a.unlocked ? '🏅' : '🔒'}</span>
+                                    <span className="ach-title">{a.title}</span>
+                                </div>
+                            ))}
+                        </div>
+                    </>
+                )}
+
                 <h6 className="butterfly-leaderboard-heading">Žebříček týmu</h6>
                 {loading && <p className="text-center text-muted mb-0">Načítám žebříček…</p>}
                 {!loading && entries && entries.length === 0 && (