Mobile: same stacked treatment for the Admin + Moderation account cards

Extends the .profile-account-card pattern to the remaining compact account
lists so they all behave consistently on phones:

- Admin lists (whitelist/blacklist/editors): use the shared
  .profile-account-card / __actions classes (was bespoke responsive utilities;
  now full-width equal-width action buttons on mobile like the others).
- Moderation overrides: the summary+actions row (a nested flex inside an
  already-padded card) uses a new padding-less .profile-account-card__row
  variant so it stacks on phones too.

The account switcher (single tap-button with a column meta-stack) and DM
conversation rows (tap-to-open, no action buttons) are already mobile-friendly
and structurally different, so they're intentionally left as-is.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

js/ui/profileModal/ProfileAdminRenderer.js

@@ -161,8 +161,7 @@ export class ProfileAdminRenderer {
 
     values.forEach((npub) => {
       const item = document.createElement("li");
-      item.className =
-        "card flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between";
+      item.className = "card profile-account-card";
 
       const normalizedNpub = typeof npub === "string" ? npub.trim() : "";
       const comparableNpub =
@@ -216,8 +215,7 @@ export class ProfileAdminRenderer {
       }
 
       const actions = document.createElement("div");
-      actions.className =
-        "flex flex-wrap items-center justify-end gap-2 sm:flex-none";
+      actions.className = "profile-account-card__actions";
 
       const viewButton = this.mainController.createViewChannelButton({
         targetNpub: encodedNpub,