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/config/doc/play-config-doc-screen.tsx

@@ -41,11 +41,14 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
+import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import { ConfigReadonlyValue } from "@/modules/config/config-readonly-value";
 import { ConfigVersionActions } from "@/modules/config/config-version-actions";
 import { ConfigVersionSwitcher } from "@/modules/config/config-version-switcher";
 import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
+import { useAsyncEffect } from "@/hooks/use-async-effect";
 import { useConfirmAction } from "@/hooks/use-confirm-action";
+import { useTranslationRef } from "@/hooks/use-translation-ref";
 import { adminHasAnyPermission } from "@/lib/admin-permissions";
 import { formatAdminMinorDecimal, parseAdminMajorToMinor } from "@/lib/money";
 import { PRD_PLAY_SWITCH_MANAGE } from "@/lib/admin-prd";
@@ -138,6 +141,7 @@ function buildPlayConfigSavePayload(
 
 export function PlayConfigDocScreen() {
   const { t } = useTranslation(["config", "adminUsers", "common"]);
+  const tRef = useTranslationRef(["config", "common"]);
   const { request: requestConfirm, ConfirmDialog, busy: confirmBusy } = useConfirmAction();
   const profile = useAdminProfile();
   const canManage = adminHasAnyPermission(profile?.permissions, [PRD_PLAY_SWITCH_MANAGE]);
@@ -165,19 +169,18 @@ export function PlayConfigDocScreen() {
         draftId !== null && d.items.some((x) => String(x.id) === draftId) ? null : draftId,
       );
     } catch (e) {
-      const msg = e instanceof LotteryApiBizError ? e.message : t("errors.loadFailed", { ns: "common" });
+      const msg =
+        e instanceof LotteryApiBizError ? e.message : tRef.current("errors.loadFailed", { ns: "common" });
       setError(msg);
       setList([]);
     } finally {
       setLoadingList(false);
     }
-  }, [t]);
+  }, []);
 
-  useEffect(() => {
-    queueMicrotask(() => {
-      void refreshList();
-    });
-  }, [refreshList]);
+  useAsyncEffect(() => {
+    void refreshList();
+  }, []);
 
   const loadDetail = useCallback(async (id: number) => {
     const requestSeq = detailRequestSeq.current + 1;
@@ -196,7 +199,9 @@ export function PlayConfigDocScreen() {
       if (detailRequestSeq.current !== requestSeq) {
         return;
       }
-      toast.error(e instanceof LotteryApiBizError ? e.message : t("errors.loadFailed", { ns: "common" }));
+      toast.error(
+        e instanceof LotteryApiBizError ? e.message : tRef.current("errors.loadFailed", { ns: "common" }),
+      );
       setDetail(null);
       setDraftRows([]);
     } finally {
@@ -204,7 +209,7 @@ export function PlayConfigDocScreen() {
         setLoadingDetail(false);
       }
     }
-  }, [t]);
+  }, []);
 
   useEffect(() => {
     if (list.length === 0) {
@@ -538,7 +543,7 @@ export function PlayConfigDocScreen() {
       {error ? <p className="text-sm text-destructive">{error}</p> : null}
 
       {loadingDetail ? (
-        <p className="text-sm text-muted-foreground">{t("states.loading", { ns: "common" })}</p>
+        <AdminLoadingState minHeight="6rem" className="py-6" />
       ) : (
         <Table>
               <TableHeader>