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/hall/hall-wallet-strip.tsx

@@ -2,7 +2,7 @@
 
 import { Wallet } from "lucide-react";
 import Image from "next/image";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { getWalletBalance } from "@/api/wallet";
@@ -11,30 +11,27 @@ import {
   TransferInDialog,
   TransferOutDialog,
 } from "@/features/wallet/wallet-transfer-dialogs";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
 import { formatMinorAsCurrency } from "@/lib/money";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
+import { PLAYER_CURRENCY_CHANGE_EVENT } from "@/lib/player-currency-preference";
 import { cn } from "@/lib/utils";
 import { useNetworkConnectionStore } from "@/stores/network-connection-store";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { WalletBalanceData } from "@/types/api/wallet-balance";
 
 export function HallWalletStrip() {
-  const profile = usePlayerSessionStore((s) => s.profile);
   const mode = useNetworkConnectionStore((s) => s.mode);
   const { t } = useTranslation("player");
+  const { activeCurrency } = useActivePlayerCurrency();
   const [balance, setBalance] = useState<WalletBalanceData | null>(null);
   const [loading, setLoading] = useState(true);
   const degradedWalletPollRef = useRef<number | null>(null);
 
-  const currency = useMemo(
-    () => resolvePlayerCurrency(profile, balance),
-    [balance, profile],
-  );
+  const currency = activeCurrency;
 
   const refresh = useCallback(async () => {
-    const b = await getWalletBalance();
+    const b = await getWalletBalance({ currency: activeCurrency });
     setBalance(b);
-  }, []);
+  }, [activeCurrency]);
 
   useEffect(() => {
     let cancelled = false;
@@ -54,7 +51,11 @@ export function HallWalletStrip() {
   useEffect(() => {
     const onRefresh = () => void refresh();
     window.addEventListener("lottery-wallet-refresh", onRefresh);
-    return () => window.removeEventListener("lottery-wallet-refresh", onRefresh);
+    window.addEventListener(PLAYER_CURRENCY_CHANGE_EVENT, onRefresh);
+    return () => {
+      window.removeEventListener("lottery-wallet-refresh", onRefresh);
+      window.removeEventListener(PLAYER_CURRENCY_CHANGE_EVENT, onRefresh);
+    };
   }, [refresh]);
 
   useEffect(() => {