add a pill to show if a user is admin or not

Overlord-Server/public/assets/main.css

@@ -429,6 +429,11 @@ p {
   color: #94a3b8;
   border-color: rgba(71, 85, 105, 0.55);
 }
+.pill-admin {
+  background: rgba(234, 179, 8, 0.18);
+  color: #fef08a;
+  border-color: rgba(234, 179, 8, 0.45);
+}
 
 /* Hardware info toggle & panel */
 .pill-hw {

Overlord-Server/public/assets/render.js

@@ -205,6 +205,7 @@ export function createRenderer({
     card.dataset.nickname = String(client.nickname || "");
     card.dataset.customTag = String(client.customTag || "");
     card.dataset.bookmarked = String(!!client.bookmarked);
+    card.dataset.admin = String(!!client.isAdmin);
     card._customTagNote = String(client.customTagNote || "");
     const os = osBadge(client.os || "unknown");
     const arch = archBadge(client.arch || "");
@@ -266,6 +267,7 @@ export function createRenderer({
               <i class="fa-solid fa-circle"></i>
               ${client.online ? "Online" : "Offline"}
             </span>
+            ${client.isAdmin ? `<span class="pill pill-admin"><i class="fa-solid fa-shield-halved"></i> Admin</span>` : ""}
             ${!client.online && client.disconnectReason && client.disconnectReason !== "normal" ? (() => {
               const iconMap = { panic: "fa-skull-crossbones", crash: "fa-skull", timeout: "fa-clock", network: "fa-plug-circle-xmark" };
               const colorMap = { panic: "text-red-400", crash: "text-red-400", timeout: "text-amber-400", network: "text-slate-400" };

Overlord-Server/public/index.html

@@ -100,6 +100,7 @@
             <option value="ping_desc">Ping ↓</option>
             <option value="country_asc">Country A→Z</option>
             <option value="country_desc">Country Z→A</option>
+            <option value="admin_first">Admin first</option>
           </select>
           <button
             id="select-all"