상태 뱃지 스타일(UI) 통일

devfront/src/features/clients/ClientDetailsPage.tsx

@@ -185,11 +185,11 @@ function ClientDetailsPage() {
       <div className="space-y-3">
         <div className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
           <Link to="/clients" className="text-primary hover:underline">
-            {t("ui.dev.clients.details.breadcrumb.section", "Apps")}
+            {t("ui.dev.clients.details.breadcrumb.section", "Connected Applications")}
           </Link>
           <span>/</span>
           <span className="text-foreground">
-            {t("ui.dev.clients.details.breadcrumb.current", "클라이언트 상세")}
+            {t("ui.dev.clients.details.breadcrumb.current", "App Details")}
           </span>
         </div>
         <div className="flex flex-wrap items-start justify-between gap-3">
@@ -200,12 +200,12 @@ function ClientDetailsPage() {
             <p className="text-muted-foreground">
               {t(
                 "msg.dev.clients.details.subtitle",
-                "OIDC 자격 증명과 엔드포인트를 관리합니다.",
+                "Manage OIDC credentials and endpoints.",
               )}
             </p>
           </div>
           <Badge
-            variant={data.client.status === "active" ? "success" : "muted"}
+            variant={data.client.status === "active" ? "info" : "muted"}
             className="px-3 py-1 text-xs uppercase"
           >
             {data.client.status === "active"
@@ -241,7 +241,7 @@ function ClientDetailsPage() {
             <h2 className="text-xl font-bold">
               {t(
                 "ui.dev.clients.details.credentials.title",
-                "클라이언트 자격 증명",
+                "Client Credentials",
               )}
             </h2>
             <Card className="glass-panel">