feat: add jackpot animations and enhance currency handling across components

- Introduced new CSS animations for jackpot effects to improve visual engagement.
- Integrated CurrencySwitcher into PlayerPanel and HallScreen for better currency management.
- Updated various components to utilize active player currency for consistent display.
- Enhanced event handling for currency changes to ensure real-time updates across the application.

src/features/results/check-winning-screen.tsx

@@ -21,8 +21,7 @@ import { useCurrencyCatalog } from "@/hooks/use-currency-catalog";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { formatLotteryInstant } from "@/lib/player-datetime";
 import { playLabel } from "@/lib/play-labels";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
 import type { DrawResultListItem } from "@/types/api/draw-results";
 import type { TicketDrawMyMatchPayload, TicketItemListRow } from "@/types/api/ticket-items";
 
@@ -201,11 +200,11 @@ function WinningResultDialog({
   onCheckAnother: () => void;
 }) {
   const { t } = useTranslation("player");
-  const profile = usePlayerSessionStore((state) => state.profile);
   const totalWin = (data?.match.total_win_minor ?? 0) + (data?.match.total_jackpot_win_minor ?? 0);
   const isWon = totalWin > 0 || (data?.match.winning_ticket_count ?? 0) > 0;
   const firstTicket = useMemo(() => data?.tickets[0] ?? null, [data]);
-  const currency = firstTicket?.currency_code ?? resolvePlayerCurrency(profile);
+  const { activeCurrency } = useActivePlayerCurrency();
+  const currency = firstTicket?.currency_code ?? activeCurrency;
 
   if (!data) return null;