refactor: adopt shared page and workspace layouts

webui/src/features/campaigns/wizard/WizardDirectoryPage.tsx

@@ -1,6 +1,6 @@
 import { Link } from "react-router";
 import {
-  PageTitle,
+  PageLayout,
   WizardDirectory,
   usePlatformUiCapabilities,
   wizardEntriesForContext,
@@ -38,18 +38,20 @@ export default function WizardDirectoryPage({
   });
 
   return (
-    <div className="content-pad workspace-data-page">
-      <div className="page-heading split workspace-heading">
-        <PageTitle>i18n:govoplan-campaign.guided_workflows</PageTitle>
+    <PageLayout
+      mode="workspace"
+      title="i18n:govoplan-campaign.guided_workflows"
+      actions={
         <Link className="btn btn-secondary" to="../">
           i18n:govoplan-campaign.back_to_overview.ec986cba
         </Link>
-      </div>
+      }
+    >
       <WizardDirectory
         entries={entries}
         auth={auth}
         emptyText="i18n:govoplan-campaign.no_guided_workflows"
       />
-    </div>
+    </PageLayout>
   );
 }