feat: enhance API error handling and UI improvements

- Updated `getPublicCurrencies` and `getPlayerAuthCaptcha` functions to include `skipGlobalServerError` option, improving error handling for API requests.
- Refactored the NotFoundPage component to enhance mobile responsiveness and UI consistency, integrating `PlayerMobileViewport`.
- Improved the NetworkStatusBanner and OfflineBanner components by adding player banner height reference for better layout management.
- Updated Wallet components to utilize `PlayerMoneyDisplay` for consistent currency representation and added credit mode handling in various screens.
- Enhanced the WalletScreen and Transfer screens with loading panels and credit guard logic for better user experience during wallet operations.

src/features/results/draw-result-detail-screen.tsx

@@ -25,6 +25,7 @@ import { formatMinorAsCurrency } from "@/lib/money";
 import { isCreditFundingPlayer } from "@/lib/player-funding-mode";
 import { norm4d } from "@/lib/norm-4d";
 import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
+import { resultsPrizeLabelKey, RESULTS_TOP_PRIZE_KEYS } from "@/lib/results-prize-labels";
 import { cn } from "@/lib/utils";
 import { usePlayerSessionStore } from "@/stores/player-session-store";
 import type { DrawResultDetailPayload } from "@/types/api/draw-results";
@@ -218,18 +219,16 @@ export function DrawResultDetailScreen({ drawNo }: DrawResultDetailScreenProps)
                 </span>
               </div>
               <div className="mt-3 grid grid-cols-3 gap-2 text-center">
-                {[
-                  ["1st", data.results["1st"]],
-                  ["2nd", data.results["2nd"]],
-                  ["3rd", data.results["3rd"]],
-                ].map(([label, value]) => (
+                {RESULTS_TOP_PRIZE_KEYS.map((tier) => (
                   <div
-                    key={label}
+                    key={tier}
                     className="rounded-lg border border-[#edf2f8] bg-white py-2 shadow-[0_4px_12px_rgba(15,23,42,0.03)]"
                   >
-                    <p className="text-[10px] font-bold uppercase text-[#7890b8]">{label}</p>
+                    <p className="text-[10px] font-bold text-[#7890b8]">
+                      {t(resultsPrizeLabelKey(tier))}
+                    </p>
                     <p className="mt-1 font-mono text-lg font-black tabular-nums text-[#e5002c]">
-                      {value}
+                      {data.results[tier]}
                     </p>
                   </div>
                 ))}

src/features/results/draw-results-list-screen.tsx

@@ -23,6 +23,7 @@ import { TwentyThreeResultsGrid } from "@/features/results/twenty-three-results-
 import { useCurrencyCatalog } from "@/hooks/use-currency-catalog";
 import { formatPlayerInstant } from "@/lib/player-datetime";
 import { useActivePlayerCurrency } from "@/hooks/use-active-player-currency";
+import { resultsPrizeLabelKey, RESULTS_TOP_PRIZE_KEYS } from "@/lib/results-prize-labels";
 import type { DrawResultListItem } from "@/types/api/draw-results";
 
 const RESULTS_PAGE_SIZE = 10;
@@ -292,15 +293,13 @@ export function DrawResultsListScreen() {
                 </div>
 
                 <div className="mt-3 grid grid-cols-3 gap-2 text-center">
-                  {[
-                    ["1st", row.results["1st"]],
-                    ["2nd", row.results["2nd"]],
-                    ["3rd", row.results["3rd"]],
-                  ].map(([label, value]) => (
-                    <div key={label} className="rounded-lg border border-[#edf2f8] bg-[#f8fbff] py-2">
-                      <p className="text-[10px] font-bold uppercase text-[#7890b8]">{label}</p>
+                  {RESULTS_TOP_PRIZE_KEYS.map((tier) => (
+                    <div key={tier} className="rounded-lg border border-[#edf2f8] bg-[#f8fbff] py-2">
+                      <p className="text-[10px] font-bold text-[#7890b8]">
+                        {t(resultsPrizeLabelKey(tier))}
+                      </p>
                       <p className="mt-1 font-mono text-lg font-black tabular-nums text-[#e5002c]">
-                        {value}
+                        {row.results[tier]}
                       </p>
                     </div>
                   ))}