chore: fixing wizardy things

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

packages/app/src/App.tsx

@@ -62,6 +62,7 @@ import { NewRelicPage } from '@backstage/plugin-newrelic';
 import {
   ScaffolderFieldExtensions,
   ScaffolderPage,
+  NextScaffolderPage,
   scaffolderPlugin,
 } from '@backstage/plugin-scaffolder';
 import { SearchPage } from '@backstage/plugin-search';
@@ -212,6 +213,24 @@ const routes = (
         <LowerCaseValuePickerFieldExtension />
       </ScaffolderFieldExtensions>
     </Route>
+    <Route
+      path="/create/next"
+      element={
+        <NextScaffolderPage
+          groups={[
+            {
+              title: 'Recommended',
+              filter: entity =>
+                entity?.metadata?.tags?.includes('recommended') ?? false,
+            },
+          ]}
+        />
+      }
+    >
+      <ScaffolderFieldExtensions>
+        <LowerCaseValuePickerFieldExtension />
+      </ScaffolderFieldExtensions>
+    </Route>
     <Route path="/explore" element={<ExplorePage />} />
     <Route
       path="/tech-radar"

plugins/scaffolder/src/next/TemplateListPage/TemplateListPage.tsx

@@ -52,7 +52,7 @@ const defaultGroup: TemplateGroupFilter = {
 
 export const TemplateListPage = (props: TemplateListPageProps) => {
   const registerComponentLink = useRouteRef(registerComponentRouteRef);
-  const { TemplateCardComponent, groups = [defaultGroup] } = props;
+  const { TemplateCardComponent, groups = [] } = props;
 
   return (
     <EntityListProvider>
@@ -88,7 +88,7 @@ export const TemplateListPage = (props: TemplateListPageProps) => {
             </CatalogFilterLayout.Filters>
             <CatalogFilterLayout.Content>
               <TemplateGroups
-                groups={groups}
+                groups={[...groups, defaultGroup]}
                 TemplateCardComponent={TemplateCardComponent}
               />
             </CatalogFilterLayout.Content>