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/admin-users/admin-users-console.tsx

@@ -1,10 +1,12 @@
 "use client";
 
 import { KeyRound, Pencil, Trash2 } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { useConfirmAction } from "@/hooks/use-confirm-action";
 import { useExportLabels } from "@/hooks/use-export-labels";
 import { useTranslation } from "react-i18next";
+import { useAsyncEffect } from "@/hooks/use-async-effect";
+import { useTranslationRef } from "@/hooks/use-translation-ref";
 import { toast } from "sonner";
 
 import {
@@ -34,6 +36,7 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import {
   Table,
   TableBody,
@@ -51,6 +54,7 @@ import { LotteryApiBizError } from "@/types/api/errors";
 
 export function AdminUsersConsole(): React.ReactElement {
   const { t } = useTranslation(["adminUsers", "common"]);
+  const tRef = useTranslationRef(["adminUsers", "common"]);
   const { request: requestConfirm, ConfirmDialog } = useConfirmAction();
   const exportLabels = useExportLabels("adminUsers");
   const profile = useAdminProfile();
@@ -112,7 +116,7 @@ export function AdminUsersConsole(): React.ReactElement {
       setTotal(listData.meta.total);
       setLastPage(Math.max(1, listData.meta.last_page));
     } catch (e) {
-      const msg = e instanceof LotteryApiBizError ? e.message : t("loadFailed");
+      const msg = e instanceof LotteryApiBizError ? e.message : tRef.current("loadFailed");
       setErr(msg);
       setItems([]);
       setTotal(0);
@@ -120,13 +124,11 @@ export function AdminUsersConsole(): React.ReactElement {
     } finally {
       setLoading(false);
     }
-  }, [page, perPage, query, t]);
+  }, [page, perPage, query]);
 
-  useEffect(() => {
-    queueMicrotask(() => {
-      void load();
-    });
-  }, [load]);
+  useAsyncEffect(() => {
+    void load();
+  }, [page, perPage, query]);
 
   function toggleFormCreateRole(slug: string, checked: boolean): void {
     setFormCreateRoles((prev) => {
@@ -360,9 +362,6 @@ export function AdminUsersConsole(): React.ReactElement {
         </CardHeader>
         <CardContent className="admin-list-content">
           {err ? <p className="text-sm text-red-600 dark:text-red-400">{err}</p> : null}
-          {loading && items.length === 0 ? (
-            <p className="text-sm text-muted-foreground">{t("states.loading", { ns: "common" })}</p>
-          ) : null}
           <div className="admin-table-shell">
             <Table id="admin-users-table">
               <TableHeader>
@@ -377,7 +376,9 @@ export function AdminUsersConsole(): React.ReactElement {
                 </TableRow>
               </TableHeader>
               <TableBody>
-                {items.length === 0 ? (
+                {loading && items.length === 0 ? (
+                  <AdminTableLoadingRow colSpan={7} />
+                ) : items.length === 0 ? (
                   <TableRow>
                     <TableCell colSpan={7} className="text-muted-foreground">
                       {t("states.noData", { ns: "common" })}