feat: 增强投注结果弹窗与投注网格功能

更新 HallBetResultDialog：根据成功与失败数量显示不同的结果图标与标题。
优化 HallBettingGrid：新增 place trace ID 管理机制，更好地处理投注提交流程，并防止重复扣费。
增强注单详情页面：针对临时状态中的注单自动刷新，提升用户体验。
新增多语言翻译：补充投注结果与状态相关文案，支持更完善的用户反馈。

src/features/hall/hall-bet-result-dialog.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { CheckCircle2, ClipboardList, Ticket, XIcon } from "lucide-react";
+import { AlertTriangle, CheckCircle2, ClipboardList, Ticket, XCircle, XIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
 
 import { Button } from "@/components/ui/button";
@@ -14,6 +14,7 @@ import {
 } from "@/components/ui/dialog";
 import { formatMinorAsCurrency } from "@/lib/money";
 import { playLabel } from "@/lib/play-labels";
+import { cn } from "@/lib/utils";
 import type { TicketPlaceData } from "@/types/api/ticket";
 
 type HallBetResultDialogProps = {
@@ -38,6 +39,15 @@ export function HallBetResultDialog({
   const failedItems = data?.items.filter((item) => item.status === "failed") ?? [];
   const totalSuccess = data?.summary.success_count ?? successItems.length;
   const totalFailure = data?.summary.failure_count ?? failedItems.length;
+  const isPartial = totalSuccess > 0 && totalFailure > 0;
+  const isAllFailed = totalFailure > 0 && totalSuccess === 0;
+
+  const ResultIcon = isAllFailed ? XCircle : isPartial ? AlertTriangle : CheckCircle2;
+  const iconWrapClass = isAllFailed
+    ? "border-rose-100 text-rose-600 shadow-[0_10px_24px_rgba(225,29,72,0.12)]"
+    : isPartial
+      ? "border-amber-100 text-amber-600 shadow-[0_10px_24px_rgba(217,119,6,0.12)]"
+      : "border-emerald-100 text-emerald-600 shadow-[0_10px_24px_rgba(22,163,74,0.12)]";
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
@@ -54,12 +64,21 @@ export function HallBetResultDialog({
           >
             <XIcon className="size-5" />
           </button>
-          <div className="mx-auto flex size-16 items-center justify-center rounded-full border-4 border-emerald-100 bg-white text-emerald-600 shadow-[0_10px_24px_rgba(22,163,74,0.12)]">
-            <CheckCircle2 className="size-11" strokeWidth={2.5} />
+          <div
+            className={cn(
+              "mx-auto flex size-16 items-center justify-center rounded-full border-4 bg-white",
+              iconWrapClass,
+            )}
+          >
+            <ResultIcon className="size-11" strokeWidth={2.5} />
           </div>
           <DialogHeader className="mt-3 items-center gap-2">
             <DialogTitle className="text-2xl font-black text-slate-950">
-              {t("hall.result.title")}
+              {isAllFailed
+                ? t("hall.result.titleAllFailed")
+                : isPartial
+                  ? t("hall.result.titlePartial")
+                  : t("hall.result.title")}
             </DialogTitle>
             {data ? (
               <DialogDescription className="text-sm leading-relaxed text-slate-500">