Adopt shared WebUI layout primitives

webui/src/features/voting/VotingPage.tsx

@@ -1,6 +1,6 @@
 import { CheckCircle2, Pencil, Plus, RefreshCw, ShieldCheck, XCircle } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import {
+import { ActionToolbar,
   ActionBlockerHint,
   Button,
   ConfirmDialog,
@@ -146,11 +146,11 @@ export default function VotingPage({ settings, auth }: PlatformRouteContext) {
     <main className="voting-page">
       <div className="voting-shell">
         <aside className="voting-catalogue">
-          <div className="voting-toolbar">
+          <ActionToolbar className="voting-toolbar">
             <IconButton label="Refresh ballots" icon={<RefreshCw size={16} />} disabled={loading || busy} disabledReason={loading ? VOTING_I18N.loading : busy ? VOTING_I18N.busy : undefined} onClick={() => void loadList()} />
             <Button variant="primary" disabled={!canManage} disabledReason={!canManage ? VOTING_I18N.manageReason : undefined} onClick={() => setEditing("new")}><Plus size={16} aria-hidden="true" />New ballot</Button>
             <DocumentationHelpLink reference={VOTING_DOCUMENTATION} />
-          </div>
+          </ActionToolbar>
           <PageScrollViewport className="voting-list-viewport">
             {loading && <LoadingIndicator label="Loading ballots" />}
             {!loading && items.length === 0 && <div className="voting-empty">No ballots.</div>}