dev 브런치 반영 code-check 오류 수정

adminfront/src/features/user-groups/routes/TenantUserGroupsTab.tsx

@@ -134,27 +134,23 @@ const SidebarNode: React.FC<{
             ? "bg-primary text-primary-foreground font-semibold"
             : "hover:bg-muted/60 text-muted-foreground hover:text-foreground"
         } ${isMatching ? "ring-1 ring-primary/30 bg-primary/5" : ""}`}
-        onClick={() => onSelect(node.id)}
+        onClick={() => {
+          onSelect(node.id);
+          if (hasChildren) setIsExpanded(!isExpanded);
+        }}
       >
         <div className="flex items-center flex-1 min-w-0">
           {/* Indent & Expander */}
           <div style={{ width: `${level * 1.2}rem` }} className="shrink-0" />
           <div className="w-5 h-5 flex items-center justify-center mr-1">
             {hasChildren ? (
-              <button
-                type="button"
-                className="hover:bg-primary/20 rounded p-0.5"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setIsExpanded(!isExpanded);
-                }}
-              >
+              <span className="rounded p-0.5">
                 {isExpanded ? (
                   <ChevronDown size={14} />
                 ) : (
                   <ChevronRight size={14} />
                 )}
-              </button>
+              </span>
             ) : (
               level > 0 && <div className="w-1 h-1 rounded-full bg-border" />
             )}
@@ -457,7 +453,7 @@ function TenantUserGroupsTab() {
                       {selectedNode.slug}
                     </Badge>
                   </div>
-                  <CardDescription className="flex items-center gap-2 mt-0.5">
+                  <div className="text-sm text-muted-foreground flex items-center gap-2 mt-0.5">
                     <span className="flex items-center gap-1">
                       <Users size={12} /> {selectedNode.recursiveMemberCount}{" "}
                       {t("ui.admin.tenants.table.members", "명")}
@@ -469,7 +465,7 @@ function TenantUserGroupsTab() {
                         selectedNode.type,
                       )}
                     </Badge>
-                  </CardDescription>
+                  </div>
                 </div>
               </div>