refactor: adopt shared page and workspace layouts

webui/src/features/campaigns/CampaignWorkspace.tsx

@@ -2,6 +2,7 @@ import { lazy, useEffect, useState } from "react";
 import { Navigate, Route, Routes, useLocation, useNavigate, useParams } from "react-router";
 import {
   ConcurrencyConflictProvider,
+  WorkspaceLayout,
   useGuardedNavigate
 } from "@govoplan/core-webui";
 import type { ApiSettings, AuthInfo, CampaignWorkspaceSection } from "../../types";
@@ -85,9 +86,13 @@ function CampaignWorkspaceInner({ settings, auth }: { settings: ApiSettings; aut
   }
 
   return (
-    <div className="workspace">
-      <SectionSidebar active={active} onSelect={select} />
-      <section className="workspace-content">
+    <WorkspaceLayout
+      primary={<SectionSidebar active={active} onSelect={select} />}
+      primaryLabel="Campaign sections"
+      contentLabel="Campaign workspace"
+      interfaceId="campaign.workspace"
+      helpModuleId="campaign"
+    >
         <Routes>
           <Route index element={<CampaignOverviewPage settings={settings} auth={auth} campaignId={campaignId || ""} />} />
           <Route path="data" element={<Navigate to="../recipients" replace />} />
@@ -121,8 +126,7 @@ function CampaignWorkspaceInner({ settings, auth }: { settings: ApiSettings; aut
           <Route path="Review" element={<Navigate to="../" replace />} />
           <Route path="*" element={<Navigate to="../" replace />} />
         </Routes>
-      </section>
-    </div>
+    </WorkspaceLayout>
   );
 }