Adopt shared WebUI layout primitives

webui/src/features/committee/CommitteePage.tsx

@@ -10,7 +10,7 @@ import {
   Vote
 } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState, type ReactNode } from "react";
-import {
+import { ActionToolbar,
   ActionBlockerHint,
   Button,
   DocumentationHelpLink,
@@ -183,7 +183,7 @@ export default function CommitteePage({ settings, auth }: PlatformRouteContext)
   return (
     <main className="committee-page">
       <div className="committee-shell">
-        <div className="committee-toolbar">
+        <ActionToolbar className="committee-toolbar">
           <form onSubmit={(event) => { event.preventDefault(); void refresh(); }} className="committee-search">
             <Search size={16} aria-hidden="true" />
             <input value={query} onChange={(event) => setQuery(event.target.value)} placeholder="Search bodies" aria-label="Search committee bodies" />
@@ -202,7 +202,7 @@ export default function CommitteePage({ settings, auth }: PlatformRouteContext)
             New body
           </Button>
           <DocumentationHelpLink reference={COMMITTEE_DOCUMENTATION} />
-        </div>
+        </ActionToolbar>
 
         {error ? <DismissibleAlert tone="danger" resetKey={error} className="committee-alert">{error}</DismissibleAlert> : null}
         {loading && bodies.length === 0 ? <LoadingIndicator label="Loading committee workspace" /> : null}