Adopt semantic organization action layout

webui/src/features/organizations/OrganizationsPage.tsx

@@ -14,6 +14,7 @@ import { FormLayout, ActionToolbar,
   IconButton,
   LoadingFrame,
   ModuleSubnav,
+  PageActionBar,
   PageLayout,
   StatusBadge,
   TableActionGroup,
@@ -1000,12 +1001,13 @@ export default function OrganizationsPage({
   const content = (
         <>
           <PageLayout
+            archetype="workspace"
             title={title}
             description={description}
-            actions={(
-              <>
-              <DocumentationHelpLink reference={ORGANIZATIONS_DOCUMENTATION} />
-              <Button
+            actions={<PageActionBar
+              variant="workspace"
+              refreshable
+              reloadAction={<Button
                 type="button"
                 onClick={() => requestDiscard(() => void loadModel())}
                 disabled={Boolean(reloadDisabledReason)}
@@ -1013,9 +1015,9 @@ export default function OrganizationsPage({
                 title="i18n:govoplan-organizations.reload.cce71553"
               >
                 <RefreshCw size={16} aria-hidden="true" /> i18n:govoplan-organizations.reload.cce71553
-              </Button>
-              </>
-            )}
+              </Button>}
+              helpAction={<DocumentationHelpLink reference={ORGANIZATIONS_DOCUMENTATION} />}
+            />}
             mode={mode === "workspace" ? "workspace" : "embedded"}
             headerLoading={loading}
             error={error}