Adopt shared WebUI layout primitives

webui/src/features/cases/CasesPage.tsx

@@ -1,6 +1,6 @@
 import { Search } from "lucide-react";
 import { useEffect, useMemo, useState, type FormEvent } from "react";
-import {
+import { ActionToolbar,
   Button,
   DocumentationHelpLink,
   DismissibleAlert,
@@ -74,7 +74,7 @@ export default function CasesPage({ settings }: PlatformRouteContext) {
   return (
     <main className="cases-page">
       <div className="cases-shell">
-        <div className="cases-toolbar">
+        <ActionToolbar className="cases-toolbar">
           <form className="cases-search" onSubmit={submit}>
             <Search size={17} aria-hidden="true" />
             <input
@@ -102,7 +102,7 @@ export default function CasesPage({ settings }: PlatformRouteContext) {
           </label>
           <span className="cases-count">{i18nMessage("i18n:govoplan-cases.case_count", { value0: total })}</span>
           <DocumentationHelpLink reference={CASES_DOCUMENTATION} />
-        </div>
+        </ActionToolbar>
         <PageScrollViewport className="cases-list-viewport">
           {error &&
             <DismissibleAlert tone="error" onDismiss={() => setError("")}>