[APM] Backends UI: Show "NEW" badge in the Observability solution nav…

… for the new Backends view (#108397) (#108915)

* adding badge to obs nav

* addressing PR comments

* refacroting
# Conflicts:
#	x-pack/plugins/apm/public/plugin.ts
#	x-pack/plugins/observability/public/components/shared/page_template/nav_name_with_badge.tsx
#	x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx
#	x-pack/plugins/observability/public/services/navigation_registry.ts

x-pack/plugins/apm/public/plugin.ts

@@ -124,7 +124,6 @@ export class ApmPlugin implements Plugin<ApmPluginSetup, ApmPluginStart> {
                 entries: [
                   { label: servicesTitle, app: 'apm', path: '/services' },
                   { label: tracesTitle, app: 'apm', path: '/traces' },
-                  { label: serviceMapTitle, app: 'apm', path: '/service-map' },
                   {
                     label: backendsTitle,
                     app: 'apm',
@@ -144,6 +143,7 @@ export class ApmPlugin implements Plugin<ApmPluginSetup, ApmPluginStart> {
                       }
                     },
                   },
+                  { label: serviceMapTitle, app: 'apm', path: '/service-map' },
                 ],
               },