feat(api, i18n): add agent_node_id to various admin queries and enhance multi-language support

Introduced the agent_node_id field in AdminDrawListQuery, AdminPlayerListQuery, AdminSettlementBatchListQuery, TicketItemsListQuery, and TransferOrderListQuery to improve filtering capabilities. Updated the admin-breadcrumb and admin-sidebar components to include new translations for agent-related terms in English, Nepali, and Chinese, enhancing the overall user experience and multi-language support across the admin interface.

src/modules/risk/risk-draw-header.tsx

@@ -1,7 +1,10 @@
 "use client";
+import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { useAsyncEffect } from "@/hooks/use-async-effect";
+import { useTranslationRef } from "@/hooks/use-translation-ref";
 
 import { getAdminDraw } from "@/api/admin-draws";
 import { drawStatusLabel, hallPreviewDiffersFromDbStatus } from "@/modules/draws/draw-display";
@@ -11,6 +14,7 @@ import type { AdminDrawShowData } from "@/types/api/admin-draws";
 
 export function RiskDrawHeader({ drawId }: { drawId: number }) {
   const { t } = useTranslation(["risk", "draws"]);
+  const tRef = useTranslationRef(["risk", "draws"]);
   const [draw, setDraw] = useState<AdminDrawShowData | null>(null);
   const [error, setError] = useState<string | null>(null);
 
@@ -21,24 +25,22 @@ export function RiskDrawHeader({ drawId }: { drawId: number }) {
       setDraw(d);
     } catch (e) {
       const msg =
-        e instanceof LotteryApiBizError ? e.message : t("drawInfoLoadFailed");
+        e instanceof LotteryApiBizError ? e.message : tRef.current("drawInfoLoadFailed");
       setError(msg);
       setDraw(null);
     }
-  }, [drawId, t]);
+  }, [drawId]);
 
-  useEffect(() => {
-    queueMicrotask(() => {
-      void load();
-    });
-  }, [load]);
+  useAsyncEffect(() => {
+    void load();
+  }, [drawId]);
 
   if (error) {
     return <p className="text-sm text-destructive">{error}</p>;
   }
 
   if (!draw) {
-    return <p className="text-sm text-muted-foreground">{t("loadingDraw")}</p>;
+    return <AdminLoadingInline className="py-4" label={t("loadingDraw")} />;
   }
 
   return (