feat(adminfront): add org chart to sidebar navigation

Adds the Organization Chart tab to the main sidebar for all users. Removes the 'View Org Chart' button from the Tenant List page. Enhances active state logic for nested routes.

adminfront/src/components/layout/AppLayout.tsx

@@ -7,6 +7,7 @@ import {
   LayoutDashboard,
   LogOut,
   Moon,
+  Network,
   NotebookTabs,
   ShieldHalf,
   Sun,
@@ -105,6 +106,11 @@ function AppLayout() {
         to: "/tenants",
         icon: Building2,
       });
+      filteredItems.splice(2, 0, {
+        label: "ui.admin.nav.org_chart",
+        to: "/tenants/org-chart",
+        icon: Network,
+      });
     } else if (isTenantAdmin || manageableCount > 0) {
       if (manageableCount <= 1 && profile?.tenantId) {
         filteredItems.splice(1, 0, {
@@ -119,6 +125,18 @@ function AppLayout() {
           icon: Building2,
         });
       }
+      filteredItems.splice(manageableCount <= 1 && profile?.tenantId ? 2 : 2, 0, {
+        label: "ui.admin.nav.org_chart",
+        to: "/tenants/org-chart",
+        icon: Network,
+      });
+    } else {
+      // 일반 사용자(Tenant Member)도 조직도 메뉴를 볼 수 있도록 추가합니다.
+      filteredItems.splice(1, 0, {
+        label: "ui.admin.nav.org_chart",
+        to: "/tenants/org-chart",
+        icon: Network,
+      });
     }
 
     return filteredItems;
@@ -418,23 +436,33 @@ function AppLayout() {
         </div>
         <nav className="px-2 pb-4 md:px-3 md:pb-8">
           <div className="flex flex-col gap-1">
-            {navItems.map(({ label, to, icon: Icon }) => (
-              <NavLink
-                key={to}
-                to={to}
-                className={({ isActive }) =>
-                  [
-                    "flex items-center gap-3 rounded-xl px-3 py-3 text-sm transition",
-                    isActive
-                      ? "bg-primary/10 text-primary shadow-[0_12px_40px_rgba(54,211,153,0.18)]"
-                      : "text-muted-foreground hover:bg-muted/10 hover:text-foreground",
-                  ].join(" ")
-                }
-              >
-                <Icon size={18} />
-                <span>{t(label, label)}</span>
-              </NavLink>
-            ))}
+            {navItems.map(({ label, to, icon: Icon }) => {
+              const isOrgChart = location.pathname === "/tenants/org-chart";
+              const isTenantsRoot = to === "/tenants";
+              const isCustomActive = isTenantsRoot 
+                ? (location.pathname.startsWith("/tenants") && !isOrgChart)
+                : to === "/" 
+                  ? location.pathname === "/"
+                  : location.pathname.startsWith(to);
+
+              return (
+                <NavLink
+                  key={to}
+                  to={to}
+                  className={() =>
+                    [
+                      "flex items-center gap-3 rounded-xl px-3 py-3 text-sm transition",
+                      isCustomActive
+                        ? "bg-primary/10 text-primary shadow-[0_12px_40px_rgba(54,211,153,0.18)]"
+                        : "text-muted-foreground hover:bg-muted/10 hover:text-foreground",
+                    ].join(" ")
+                  }
+                >
+                  <Icon size={18} />
+                  <span>{t(label, label)}</span>
+                </NavLink>
+              );
+            })}
           </div>
 
           <div className="border-t border-border/50 px-3 pt-4">