refactor: adopt shared page and workspace layouts

webui/src/features/campaigns/CampaignModulePage.tsx

@@ -1,6 +1,7 @@
 import { lazy } from "react";
 import {
   ModuleSubnav,
+  WorkspaceLayout,
   hasAnyScope,
   useGuardedNavigate,
   type ApiSettings,
@@ -64,15 +65,19 @@ export default function CampaignModulePage({
   }
 
   return (
-    <div className="workspace campaign-module-workspace">
-      <ModuleSubnav active={active} groups={groups} onSelect={select} />
-      <section className="workspace-content">
+    <WorkspaceLayout
+      className="campaign-module-workspace"
+      primary={<ModuleSubnav active={active} groups={groups} onSelect={select} />}
+      primaryLabel="Campaign module sections"
+      contentLabel="Campaign module content"
+      interfaceId="campaign.module-workspace"
+      helpModuleId="campaign"
+    >
         {active === "queue"
           ? <OperatorQueuePage settings={settings} auth={auth} />
           : active === "reports"
             ? <AggregateReportsPage settings={settings} />
             : <CampaignListPage settings={settings} />}
-      </section>
-    </div>
+    </WorkspaceLayout>
   );
 }