Migrate NFS pages to HeaderPage

Always render the plugin header for page blueprints and move page-level actions into the Backstage UI header pattern for affected NFS pages.

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
Made-with: Cursor

plugins/search/package.json

@@ -66,6 +66,7 @@
     "@backstage/plugin-search-common": "workspace:^",
     "@backstage/plugin-search-react": "workspace:^",
     "@backstage/types": "workspace:^",
+    "@backstage/ui": "workspace:^",
     "@backstage/version-bridge": "workspace:^",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",

plugins/search/src/alpha.tsx

@@ -23,10 +23,9 @@ import {
   CatalogIcon,
   Content,
   DocsIcon,
-  Header,
-  Page,
   useSidebarPinState,
 } from '@backstage/core-components';
+import { HeaderPage } from '@backstage/ui';
 import {
   useApi,
   discoveryApiRef,
@@ -143,8 +142,8 @@ export const searchPage = PageBlueprint.makeWithOverrides({
           const configApi = useApi(configApiRef);
 
           return (
-            <Page themeId="home">
-              {!isMobile && <Header title="Search" />}
+            <>
+              {!isMobile && <HeaderPage title="Search" />}
               <Content>
                 <Grid container direction="row">
                   <Grid item xs={12}>
@@ -249,7 +248,7 @@ export const searchPage = PageBlueprint.makeWithOverrides({
                   </Grid>
                 </Grid>
               </Content>
-            </Page>
+            </>
           );
         };