refactor(webui): adopt semantic workspace actions

webui/src/features/dashboard/DashboardPage.tsx

@@ -453,8 +453,7 @@ export default function DashboardPage({
       actions={configuring ? (
         <PageActionBar
           variant="editor"
-          dirty={dirty}
-          saving={saving}
+          state={saving ? "saving" : dirty ? "dirty" : "clean"}
           helpAction={<DocumentationHelpLink reference={DASHBOARD_DOCUMENTATION} />}
           discardAction={{ label: <><X size={16} /> Cancel</>, onClick: discardChanges }}
           saveAction={{ label: <><Save size={16} /> Save layout</>, onClick: () => void persistLayout() }}
@@ -463,15 +462,11 @@ export default function DashboardPage({
         <PageActionBar
           variant="overview"
           refreshable
-          reloadAction={(
-            <Button
-              onClick={() => setRefreshKey((value) => value + 1)}
-              disabled={loading}
-              disabledReason={loading ? DASHBOARD_I18N.loading : undefined}
-            >
-              <RefreshCw size={16} /> Refresh
-            </Button>
-          )}
+          reloadAction={{
+            onReload: () => setRefreshKey((value) => value + 1),
+            loading,
+            disabledReason: loading ? DASHBOARD_I18N.loading : undefined
+          }}
           helpAction={<DocumentationHelpLink reference={DASHBOARD_DOCUMENTATION} />}
           primaryActions={(
             <Button