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/wallet/wallet-logs-screen.tsx

@@ -7,15 +7,15 @@ import { getWalletLogs } from "@/api/wallet";
 import { Button } from "@/components/ui/button";
 import { PlayerPanel } from "@/components/layout/player-panel";
 import { WalletLogsBlock } from "@/features/wallet/wallet-logs-block";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
+import { PLAYER_CURRENCY_CHANGE_EVENT } from "@/lib/player-currency-preference";
 import { formatWalletClientError } from "@/lib/wallet-api-error";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import { getWalletLogsLastPage, type WalletLogsData } from "@/types/api/wallet-logs";
 
 const WALLET_LOGS_PAGE_SIZE = 10;
 
 export function WalletLogsScreen() {
-  const profile = usePlayerSessionStore((s) => s.profile);
+  const { activeCurrency: currency } = useActivePlayerCurrency();
   const { t } = useTranslation("player");
   const [logs, setLogs] = useState<WalletLogsData | null>(null);
   const [filter, setFilter] = useState("");
@@ -25,10 +25,19 @@ export function WalletLogsScreen() {
   const [error, setError] = useState<string | null>(null);
   const loadMoreRef = useRef<HTMLDivElement | null>(null);
 
-  const currency = useMemo(
-    () => resolvePlayerCurrency(profile),
-    [profile],
-  );
+  const logsForCurrency = useMemo(() => {
+    if (!logs) return null;
+    const code = currency.toUpperCase();
+    return {
+      ...logs,
+      items: logs.items.filter(
+        (item) => (item.currency_code || code).toUpperCase() === code,
+      ),
+      pending_reconcile: logs.pending_reconcile.filter(
+        (item) => item.currency_code.toUpperCase() === code,
+      ),
+    };
+  }, [currency, logs]);
 
   const fetchPassRef = useRef(true);
 
@@ -69,6 +78,12 @@ export function WalletLogsScreen() {
     queueMicrotask(() => {
       void load(1, false);
     });
+  }, [currency, load]);
+
+  useEffect(() => {
+    const onCurrencyChange = () => void load(1, false);
+    window.addEventListener(PLAYER_CURRENCY_CHANGE_EVENT, onCurrencyChange);
+    return () => window.removeEventListener(PLAYER_CURRENCY_CHANGE_EVENT, onCurrencyChange);
   }, [load]);
 
   const hasMore = logs ? logs.page < getWalletLogsLastPage(logs) : false;
@@ -116,7 +131,7 @@ export function WalletLogsScreen() {
         ) : null}
 
         <WalletLogsBlock
-          logs={logs}
+          logs={logsForCurrency}
           logsLoading={loading || logsLoading}
           loadingMore={loadingMore}
           hasMore={hasMore}