Adopt shared WebUI layout primitives

webui/src/features/forms/PublicFormPage.tsx

@@ -1,7 +1,7 @@
 import { Save, Send, Trash2 } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { useParams } from "react-router";
-import {
+import { ActionToolbar,
   ActionBlockerHint,
   Button,
   ConfirmDialog,
@@ -215,10 +215,10 @@ export default function PublicFormPage({ settings }: PlatformRouteContext) {
   return (
     <main className="forms-runtime-page forms-public-page">
       <div className="form-instance-shell">
-        <div className="form-instance-toolbar">
+        <ActionToolbar className="form-instance-toolbar">
           <strong>{localized.title || "Form"}</strong>
           {instance && <StatusBadge status={editable ? "active" : "inactive"} label={stateLabel(instance.status)} />}
-        </div>
+        </ActionToolbar>
         <PageScrollViewport className="form-instance-viewport">
           {error && <DismissibleAlert tone="danger" resetKey={error}>{error}</DismissibleAlert>}
           {loading && <LoadingIndicator label="Loading Form" />}