feat(ui): Dragonflight redesign — admin screens (users, tokens, containers, cluster, settings): screens-admin.jsx

services/web-ui/public/screens-admin.jsx

@@ -2,7 +2,6 @@
 
 const { USERS, TOKENS_LIST, CONTAINERS, NODES } = window.ZAMPP_DATA;
 
-/* ========== Users & Groups ========== */
 function Users() {
   const [tab, setTab] = React.useState("users");
   return (
@@ -50,7 +49,6 @@ function Users() {
   );
 }
 
-/* ========== Tokens (parody) ========== */
 function Tokens() {
   const [burned, setBurned] = React.useState(14340);
   const [rate, setRate] = React.useState(2.4);
@@ -296,7 +294,6 @@ function CalcSlider({ label, value, onChange, min, max, step = 1, unit }) {
   );
 }
 
-/* ========== Containers ========== */
 function Containers() {
   return (
     <div className="page">
@@ -354,7 +351,6 @@ function Containers() {
   );
 }
 
-/* ========== Cluster (topology graph) ========== */
 function Cluster() {
   const [hovered, setHovered] = React.useState(null);
   const [selected, setSelected] = React.useState(NODES[0]);
@@ -540,7 +536,6 @@ function DetailRow({ k, v, mono }) {
   );
 }
 
-/* ========== Settings ========== */
 function Settings() {
   return (
     <div className="page">
@@ -557,7 +552,7 @@ function Settings() {
               { id: "sdi", label: "SDI capture", icon: "video" },
               { id: "ampp", label: "AMPP integration", icon: "link" },
               { id: "branding", label: "Branding", icon: "image" },
-              { id: "logs", label: "Logs &amp; telemetry", icon: "list" },
+              { id: "logs", label: "Logs & telemetry", icon: "list" },
             ].map((s, i) => (
               <a key={s.id} className={`settings-nav-item ${i === 0 ? "active" : ""}`}>
                 <Icon name={s.icon} size={14} />{s.label}