R6 moderation in decePub: users and personas, accounts, report actions, deletions, suspended personas

Administration's Users & personas (administrators): logins searched and opened into their personas and groups; roles,
bans, two-factor reset and deletion of a login; silence, suspension and deletion of a persona; a group deleted. Accounts
(moderators): local personas and remote accounts searched or listed as moderated, silenced and suspended with a staff
note and a warning. Reports resolve with an action. ActDialog asks for the note, the warning or the password and is the
act's confirmation. A login deletes its own persona and the groups it owns with its password. Suspended personas can't
be chosen; one refused a token mid-session moves the session to another, or to none, once. Warnings show in
notifications, limited accounts on their profile, and moderators remove a post from its card.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WpVCoDeM1qUTRp4fXQdfof

Pages/Administration.razor

@@ -4,10 +4,11 @@
 
 <Title>@Localizer["Administration"]</Title>
 
-@* Moderators handle reports and read the staff's log. Administrators also say what the server is (Instance), set its
-   rules, write its announcements, block servers for everyone, choose its relays and media limits, read the federation
-   statistics, and back up and restore the server. PrivaPub checks the role on every call; the sections only follow it.
-   Each section is a collapse marked data-admin-section; its panel loads when the page opens. *@
+@* Moderators handle reports, moderate accounts here and elsewhere (Accounts) and read the staff's log. Administrators
+   also change the logins and their personas (Users & personas), say what the server is (Instance), set its rules, write
+   its announcements, block servers for everyone, choose its relays and media limits, read the federation statistics, and
+   back up and restore the server. PrivaPub checks the role on every call; the sections only follow it. Each section is
+   a collapse marked data-admin-section; its panel loads when the page opens. *@
 <section class="block relative w-full h-full neo-inset neo-xs rounded-xl">
 
 	<div class="flex flex-col gap-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">
@@ -25,6 +26,19 @@
 			</ChildContent>
 		</DCollapse>
 
+		<DCollapse Icon="DCollapseIcon.Arrow" data-admin-section="accounts">
+			<Header>
+				<p class="inline-flex items-center gap-2">
+					<i class="ion-md-contacts text-xl"></i> <span>@Localizer["Accounts"]</span>
+				</p>
+			</Header>
+			<ChildContent>
+				<div class="block w-full p-3 md:p-4">
+					<AccountsPanel />
+				</div>
+			</ChildContent>
+		</DCollapse>
+
 		<DCollapse Icon="DCollapseIcon.Arrow" data-admin-section="log">
 			<Header>
 				<p class="inline-flex items-center gap-2">
@@ -39,6 +53,19 @@
 		</DCollapse>
 
 		<AuthorizeView Policy="@Policies.IsAdmin">
+			<DCollapse Icon="DCollapseIcon.Arrow" data-admin-section="users">
+				<Header>
+					<p class="inline-flex items-center gap-2">
+						<i class="ion-md-people text-xl"></i> <span>@Localizer["Users & personas"]</span>
+					</p>
+				</Header>
+				<ChildContent>
+					<div class="block w-full p-3 md:p-4">
+						<UsersPanel />
+					</div>
+				</ChildContent>
+			</DCollapse>
+
 			<DCollapse Icon="DCollapseIcon.Arrow" data-admin-section="instance">
 				<Header>
 					<p class="inline-flex items-center gap-2">