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-pools-console.tsx

@@ -1,8 +1,10 @@
 "use client";
 
 import { Eye, Lock, Unlock } from "lucide-react";
-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 { toast } from "sonner";
 
 import {
@@ -17,6 +19,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import {
   Select,
   SelectContent,
@@ -81,6 +84,7 @@ export function RiskPoolsConsole({
   allowSortChange = false,
 }: RiskPoolsConsoleProps) {
   const { t } = useTranslation(["risk", "common"]);
+  const tRef = useTranslationRef(["risk", "common"]);
   const { request: requestConfirm, ConfirmDialog } = useConfirmAction();
   const profile = useAdminProfile();
   const canManageRiskPools = adminHasAnyPermission(profile?.permissions, [
@@ -115,19 +119,17 @@ export function RiskPoolsConsole({
       setData(d);
     } catch (e) {
       const msg =
-        e instanceof LotteryApiBizError ? e.message : t("loadPoolsFailed");
+        e instanceof LotteryApiBizError ? e.message : tRef.current("loadPoolsFailed");
       setError(msg);
       setData(null);
     } finally {
       setLoading(false);
     }
-  }, [drawId, filter, number, page, perPage, sort, t]);
+  }, [drawId, filter, number, page, perPage, sort]);
 
-  useEffect(() => {
-    queueMicrotask(() => {
-      void load();
-    });
-  }, [load]);
+  useAsyncEffect(() => {
+    void load();
+  }, [drawId, filter, number, page, perPage, sort]);
 
   const handleManualStatus = useCallback(
     async (row: AdminRiskPoolRow) => {
@@ -240,10 +242,7 @@ export function RiskPoolsConsole({
       </CardHeader>
       <CardContent className="admin-list-content">
         {error ? <p className="text-sm text-destructive">{error}</p> : null}
-        {loading && !data ? (
-          <p className="text-sm text-muted-foreground">{t("states.loading", { ns: "common" })}</p>
-        ) : (
-          <>
+        <>
             <div className="admin-table-shell">
               <Table id={`risk-pools-table-${drawId}`}>
                 <TableHeader>
@@ -258,6 +257,7 @@ export function RiskPoolsConsole({
                   </TableRow>
                 </TableHeader>
                 <TableBody>
+                  {loading && !data ? <AdminTableLoadingRow colSpan={7} /> : null}
                   {(data?.items ?? []).map((row: AdminRiskPoolRow) => {
                     const highRisk = (row.usage_ratio ?? 0) >= 0.8;
                     const acting = actingNumber === row.normalized_number;
@@ -359,7 +359,6 @@ export function RiskPoolsConsole({
               />
             ) : null}
           </>
-        )}
       </CardContent>
     </Card>
     <ConfirmDialog />