chore: some more migrations

Signed-off-by: blam <ben@blam.sh>

plugins/user-settings/src/alpha.tsx

@@ -16,9 +16,9 @@
 import {
   coreExtensionData,
   createExtensionInput,
-  createNavItemExtension,
-  createPageExtension,
   createFrontendPlugin,
+  PageBlueprint,
+  NavItemBlueprint,
 } from '@backstage/frontend-plugin-api';
 import {
   convertLegacyRouteRef,
@@ -32,32 +32,38 @@ import React from 'react';
 
 export * from './translation';
 
-const userSettingsPage = createPageExtension({
-  defaultPath: '/settings',
-  routeRef: convertLegacyRouteRef(settingsRouteRef),
+const userSettingsPage = PageBlueprint.makeWithOverrides({
   inputs: {
-    providerSettings: createExtensionInput(
-      {
-        element: coreExtensionData.reactElement,
-      },
-      { singleton: true, optional: true },
-    ),
+    providerSettings: createExtensionInput([coreExtensionData.reactElement], {
+      singleton: true,
+      optional: true,
+    }),
+  },
+  factory(originalFactory, { inputs }) {
+    return originalFactory({
+      defaultPath: '/settings',
+      routeRef: convertLegacyRouteRef(settingsRouteRef),
+      loader: () =>
+        import('./components/SettingsPage').then(m =>
+          compatWrapper(
+            <m.SettingsPage
+              providerSettings={inputs.providerSettings?.get(
+                coreExtensionData.reactElement,
+              )}
+            />,
+          ),
+        ),
+    });
   },
-  loader: ({ inputs }) =>
-    import('./components/SettingsPage').then(m =>
-      compatWrapper(
-        <m.SettingsPage
-          providerSettings={inputs.providerSettings?.output.element}
-        />,
-      ),
-    ),
 });
 
 /** @alpha */
-export const settingsNavItem = createNavItemExtension({
-  routeRef: convertLegacyRouteRef(settingsRouteRef),
-  title: 'Settings',
-  icon: SettingsIcon,
+export const settingsNavItem = NavItemBlueprint.make({
+  params: {
+    routeRef: convertLegacyRouteRef(settingsRouteRef),
+    title: 'Settings',
+    icon: SettingsIcon,
+  },
 });
 
 /**