i18n refresh and frontend fixes

adminfront/src/features/tenants/routes/TenantUsersPage.tsx

@@ -1,6 +1,13 @@
 import { useQuery } from "@tanstack/react-query";
-import { User, Mail, Phone, ShieldCheck } from "lucide-react";
+import { Mail, User } from "lucide-react";
 import { useParams } from "react-router-dom";
+import { Badge } from "../../../components/ui/badge";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "../../../components/ui/card";
 import {
   Table,
   TableBody,
@@ -9,18 +16,18 @@ import {
   TableHeader,
   TableRow,
 } from "../../../components/ui/table";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../components/ui/card";
-import { Badge } from "../../../components/ui/badge";
-import { fetchUsers, fetchTenant } from "../../../lib/adminApi";
+import { fetchTenant, fetchUsers } from "../../../lib/adminApi";
+import { t } from "../../../lib/i18n";
 
 function TenantUsersPage() {
-  const { tenantId } = useParams<{ tenantId: string }>();
+  const params = useParams<{ tenantId: string }>();
+  const tenantId = params.tenantId ?? "";
 
   // 테넌트의 슬러그(companyCode)를 먼저 가져옴
   const tenantQuery = useQuery({
     queryKey: ["tenant", tenantId],
-    queryFn: () => fetchTenant(tenantId!),
-    enabled: !!tenantId,
+    queryFn: () => fetchTenant(tenantId),
+    enabled: tenantId.length > 0,
   });
 
   const companyCode = tenantQuery.data?.slug;
@@ -39,24 +46,40 @@ function TenantUsersPage() {
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
           <User size={18} className="text-primary" />
-          Tenant Members ({users.length})
+          {t("ui.admin.tenants.members.title", "Tenant Members ({{count}})", {
+            count: users.length,
+          })}
         </CardTitle>
       </CardHeader>
       <CardContent>
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead>NAME</TableHead>
-              <TableHead>EMAIL</TableHead>
-              <TableHead>ROLE</TableHead>
-              <TableHead>STATUS</TableHead>
+              <TableHead>
+                {t("ui.admin.tenants.members.table.name", "NAME")}
+              </TableHead>
+              <TableHead>
+                {t("ui.admin.tenants.members.table.email", "EMAIL")}
+              </TableHead>
+              <TableHead>
+                {t("ui.admin.tenants.members.table.role", "ROLE")}
+              </TableHead>
+              <TableHead>
+                {t("ui.admin.tenants.members.table.status", "STATUS")}
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
             {users.length === 0 && (
               <TableRow>
-                <TableCell colSpan={4} className="text-center py-8 text-muted-foreground">
-                  소속된 사용자가 없습니다.
+                <TableCell
+                  colSpan={4}
+                  className="text-center py-8 text-muted-foreground"
+                >
+                  {t(
+                    "msg.admin.tenants.members.empty",
+                    "소속된 사용자가 없습니다.",
+                  )}
                 </TableCell>
               </TableRow>
             )}
@@ -71,12 +94,17 @@ function TenantUsersPage() {
                 </TableCell>
                 <TableCell>
                   <Badge variant="outline" className="capitalize">
-                    {user.role.replace("_", " ")}
+                    {t(
+                      `ui.common.role.${user.role}`,
+                      user.role.replace("_", " "),
+                    )}
                   </Badge>
                 </TableCell>
                 <TableCell>
-                  <Badge variant={user.status === "active" ? "default" : "muted"}>
-                    {user.status}
+                  <Badge
+                    variant={user.status === "active" ? "default" : "muted"}
+                  >
+                    {t(`ui.common.status.${user.status}`, user.status)}
                   </Badge>
                 </TableCell>
               </TableRow>