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/orders/ticket-orders-list-screen.tsx

@@ -19,14 +19,13 @@ import { useCurrencyCatalog } from "@/hooks/use-currency-catalog";
 import { useIsMobile } from "@/hooks/use-mobile";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { formatLotteryInstant } from "@/lib/player-datetime";
-import { resolvePlayerCurrency } from "@/lib/player-currency";
+import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
 import { playLabel } from "@/lib/play-labels";
 import { cn } from "@/lib/utils";
-import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { TicketItemListRow } from "@/types/api/ticket-items";
 
 const ORDERS_PAGE_SIZE = 20;
-const STATUS_OPTIONS = ["success", "settled_win", "settled_lose", "failed"] as const;
+const STATUS_OPTIONS = ["pending_draw", "success", "settled_win", "settled_lose", "failed"] as const;
 
 function parseYmd(value: string): Date | undefined {
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
@@ -45,7 +44,7 @@ function formatYmd(value: Date): string {
 export function TicketOrdersListScreen() {
   const searchParams = useSearchParams();
   const { t } = useTranslation("player");
-  const profile = usePlayerSessionStore((state) => state.profile);
+  const { activeCurrency } = useActivePlayerCurrency();
   useCurrencyCatalog();
   const drawNoFilter = useMemo(() => (searchParams.get("draw_no") ?? "").trim(), [searchParams]);
   const statusFilter = useMemo(
@@ -356,7 +355,7 @@ export function TicketOrdersListScreen() {
           <>
             <div className="space-y-3">
               {items.map((row) => {
-                const cur = row.currency_code ?? resolvePlayerCurrency(profile);
+                const cur = row.currency_code ?? activeCurrency;
                 const st = ticketStatusDisplay(row.status, row.win_amount, row.jackpot_win_amount, t);
                 const totalWin = row.win_amount + row.jackpot_win_amount;
                 return (