[Observability Onboarding] Link all “Add data” buttons in observabili…

…ty to onboarding landing page (#179459)

Resolves [#178944](#178944)

## 📓 Summary

All "Add data" links within Observability link to
`/app/observabilityOnboarding` when on serverless observability.

## ✔️ Acceptance criteria
All "Add data" links within Observability link to
`/app/observabilityOnboarding` when on serverless observability:
- Infrastructure > Inventory
- Infrastructure > Hosts

x-pack/plugins/observability_solution/infra/public/pages/logs/page_content.tsx

@@ -81,7 +81,7 @@ export const LogsPageContent: React.FunctionComponent = () => {
                 </EuiHeaderLink>
                 <LazyAlertDropdownWrapper />
                 <EuiHeaderLink
-                  href={getUrlForApp('/integrations/browse')}
+                  href={getUrlForApp('/observabilityOnboarding')}
                   color="primary"
                   iconType="indexOpen"
                 >
@@ -104,7 +104,15 @@ export const LogsPageContent: React.FunctionComponent = () => {
         <RedirectWithQueryParams from={'/analysis'} to={anomaliesTab.pathname} exact />
         <RedirectWithQueryParams from={'/log-rate'} to={anomaliesTab.pathname} exact />
         <RedirectWithQueryParams from={'/'} to={streamTab.pathname} exact />
-        <Route render={() => <NotFoundPage title="Logs" />} />
+        <Route
+          render={() => (
+            <NotFoundPage
+              title={i18n.translate('xpack.infra.logs.index.logsLabel', {
+                defaultMessage: 'Logs',
+              })}
+            />
+          )}
+        />
       </Routes>
     </>
   );

x-pack/plugins/observability_solution/infra/public/pages/metrics/index.tsx

@@ -103,7 +103,9 @@ export const InfrastructurePage = () => {
                         <MetricsAlertDropdown />
                       )}
                       <EuiHeaderLink
-                        href={kibana.services?.application?.getUrlForApp('/integrations/browse')}
+                        href={kibana.services?.application?.getUrlForApp(
+                          '/observabilityOnboarding'
+                        )}
                         color="primary"
                         iconType="indexOpen"
                       >
@@ -144,7 +146,15 @@ export const InfrastructurePage = () => {
               <RedirectWithQueryParams from="/metrics-explorer" exact to="/explorer" />
               <RedirectWithQueryParams from="/" exact to="/inventory" />
 
-              <Route render={() => <NotFoundPage title="Infrastructure" />} />
+              <Route
+                render={() => (
+                  <NotFoundPage
+                    title={i18n.translate('xpack.infra.header.infrastructureLabel', {
+                      defaultMessage: 'Infrastructure',
+                    })}
+                  />
+                )}
+              />
             </Routes>
           </InfraMLCapabilitiesProvider>
         </AlertPrefillProvider>

x-pack/plugins/observability_solution/observability_onboarding/public/application/onboarding_flow_form/onboarding_flow_form.tsx

@@ -21,6 +21,7 @@ import {
   EuiFlexGrid,
   EuiAvatar,
   useEuiTheme,
+  useGeneratedHtmlId,
 } from '@elastic/eui';
 
 interface UseCaseOption {
@@ -159,6 +160,7 @@ export const OnboardingFlowForm: FunctionComponent = () => {
     },
   ];
 
+  const radioGroupId = useGeneratedHtmlId({ prefix: 'onboardingUseCase' });
   const [selectedId, setSelectedId] = useState<string>();
   const [hoveredId, setHoveredId] = useState<string>();
 
@@ -194,7 +196,8 @@ export const OnboardingFlowForm: FunctionComponent = () => {
               {/* Using EuiSpacer instead of EuiFlexGroup to ensure spacing is part of hit area for mouse hover effect */}
               {index > 0 && <EuiSpacer size="m" />}
               <EuiCheckableCard
-                id={option.id}
+                id={`${radioGroupId}_${option.id}`}
+                name={radioGroupId}
                 label={option.label}
                 checked={selectedId === option.id}
                 onChange={() => setSelectedId(option.id)}