fix(admin): add missing tRef dependency to useCallback hooks in admin consoles

Added tRef to dependency arrays of load() callbacks in admin-roles, admin-users, draw-finance, and risk-pools consoles to ensure proper translation updates. Removed unused imports including AdminNoResourceState, AdminLoadingState, AdminLoadingInline, cn utility, and Button component.

src/modules/admin-roles/admin-roles-console.tsx

@@ -19,7 +19,7 @@ import {
 } from "@/api/admin-users";
 import { isPlatformFixedRole, isPlatformSuperAdminRole } from "@/lib/platform-system-roles";
 import { AdminRowActionsMenu } from "@/components/admin/admin-row-actions-menu";
-import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
+import { AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { AdminPermissionPackageSelector } from "@/components/admin/admin-permission-package-selector";
 import { permissionProfileForGroup, resolveProfileLevel } from "@/lib/admin-permission-profiles";
@@ -37,7 +37,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
-import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
+import { AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import {
   Table,
   TableBody,
@@ -48,7 +48,6 @@ import {
 } from "@/components/ui/table";
 import { adminHasAnyPermission } from "@/lib/admin-permissions";
 import { PRD_ADMIN_ROLE_MANAGE } from "@/lib/admin-prd";
-import { cn } from "@/lib/utils";
 import { useAdminProfile } from "@/stores/admin-session";
 import type { AdminPermissionCatalogData, AdminRoleRow } from "@/types/api/index";
 import { LotteryApiBizError } from "@/types/api/errors";
@@ -131,7 +130,7 @@ export function AdminRolesConsole(): React.ReactElement {
     } finally {
       setLoading(false);
     }
-  }, []);
+  }, [tRef]);
 
   useAsyncEffect(() => {
     void load();

src/modules/admin-users/admin-users-console.tsx

@@ -19,7 +19,7 @@ import {
   putAdminUserRoles,
 } from "@/api/admin-users";
 import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
-import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
+import { AdminTableNoResourceRow } from "@/components/admin/admin-no-resource-state";
 import { AdminRowActionsMenu } from "@/components/admin/admin-row-actions-menu";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
@@ -46,7 +46,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
+import { AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import {
   Table,
   TableBody,
@@ -57,7 +57,6 @@ import {
 } from "@/components/ui/table";
 import { adminHasAnyPermission } from "@/lib/admin-permissions";
 import { PRD_ADMIN_USER_MANAGE } from "@/lib/admin-prd";
-import { cn } from "@/lib/utils";
 import { useAdminProfile } from "@/stores/admin-session";
 import type {
   AdminPermissionCatalogData,
@@ -184,7 +183,7 @@ export function AdminUsersConsole(): React.ReactElement {
     } finally {
       setLoading(false);
     }
-  }, [page, perPage, query]);
+  }, [page, perPage, query, tRef]);
 
   useAsyncEffect(() => {
     void load();

src/modules/draws/draw-finance-console.tsx

@@ -12,9 +12,8 @@ import { Button, buttonVariants } from "@/components/ui/button";
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { AdminNoResourceState } from "@/components/admin/admin-no-resource-state";
-import { AdminLoadingState, AdminLoadingInline, AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
+import { AdminLoadingState } from "@/components/admin/admin-loading-state";
 import {
   Table,
   TableBody,
@@ -74,7 +73,7 @@ export function DrawFinanceConsole({ drawId }: { drawId: string }): React.ReactE
     } finally {
       setLoading(false);
     }
-  }, [idNum]);
+  }, [idNum, tRef]);
 
   async function runSettlement(): Promise<void> {
     if (!Number.isFinite(idNum) || idNum < 1) return;

src/modules/risk/risk-pools-console.tsx

@@ -16,11 +16,10 @@ import { AdminListPaginationFooter } from "@/components/admin/admin-list-paginat
 import { AdminRowActionsMenu } from "@/components/admin/admin-row-actions-menu";
 import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
-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 { AdminTableLoadingRow } from "@/components/admin/admin-loading-state";
 import {
   Select,
   SelectContent,
@@ -145,7 +144,7 @@ export function RiskPoolsConsole({
     } finally {
       setLoading(false);
     }
-  }, [drawId, filter, number, page, perPage, sort]);
+  }, [drawId, filter, number, page, perPage, sort, tRef]);
 
   useAsyncEffect(() => {
     void load();