chore(slo): Improve breadcrumb slo form (#160315)

Requires https://github.com/elastic/kibana/pull/160081 to be merged
before
Resolves https://github.com/elastic/kibana/issues/160105

## Summary

This PR changes the breadcrumb of the SLO form page:
Edit: `SLOs > SLO Name > Edit` with **SLO Name** redirecting to the SLO
details page
Create: `SLOs > Create`

| Form | Screenshot |
|--------|--------|
| When **editing** an SLO |
![image](289d8e28-254c-4270-a25c-b34589ab1291)
|
| When **creating** a new SLO |
![image](93e0cb4c-de13-4489-b7fa-c0e38cd7a7b3)
|

x-pack/plugins/observability/public/pages/slo_edit/slo_edit.tsx

@@ -30,21 +30,36 @@ export function SloEditPage() {
   const { ObservabilityPageTemplate } = usePluginContext();
 
   const { sloId } = useParams<{ sloId: string | undefined }>();
-
   const { hasAtLeast } = useLicense();
   const hasRightLicense = hasAtLeast('platinum');
+  const { slo, isInitialLoading } = useFetchSloDetails({ sloId });
 
   useBreadcrumbs([
     {
       href: basePath.prepend(paths.observability.slos),
-      text: i18n.translate('xpack.observability.breadcrumbs.sloEditLinkText', {
+      text: i18n.translate('xpack.observability.breadcrumbs.sloLabel', {
         defaultMessage: 'SLOs',
       }),
     },
+    ...(!!slo
+      ? [
+          {
+            href: basePath.prepend(paths.observability.sloDetails(slo!.id)),
+            text: slo!.name,
+          },
+        ]
+      : []),
+    {
+      text: slo
+        ? i18n.translate('xpack.observability.breadcrumbs.sloEditLabel', {
+            defaultMessage: 'Edit',
+          })
+        : i18n.translate('xpack.observability.breadcrumbs.sloCreateLabel', {
+            defaultMessage: 'Create',
+          }),
+    },
   ]);
 
-  const { slo, isInitialLoading } = useFetchSloDetails({ sloId });
-
   if (hasRightLicense === false || !hasWriteCapabilities || hasErrorInGlobalDiagnosis) {
     navigateToUrl(basePath.prepend(paths.observability.slos));
   }

x-pack/plugins/translations/translations/fr-FR.json

@@ -26642,7 +26642,6 @@
     "xpack.observability.breadcrumbs.overviewLinkText": "Aperçu",
     "xpack.observability.breadcrumbs.rulesLinkText": "Règles",
     "xpack.observability.breadcrumbs.sloDetailsLinkText": "Détails",
-    "xpack.observability.breadcrumbs.sloEditLinkText": "SLO",
     "xpack.observability.breadcrumbs.slosLinkText": "SLO",
     "xpack.observability.cases.caseFeatureNoPermissionsMessage": "Pour afficher les cas, vous devez disposer de privilèges pour la fonctionnalité Cas dans l'espace Kibana. Pour en savoir plus, contactez votre administrateur Kibana.",
     "xpack.observability.cases.caseFeatureNoPermissionsTitle": "Privilèges de fonctionnalité Kibana requis",

x-pack/plugins/translations/translations/ja-JP.json

@@ -26624,7 +26624,6 @@
     "xpack.observability.breadcrumbs.overviewLinkText": "概要",
     "xpack.observability.breadcrumbs.rulesLinkText": "ルール",
     "xpack.observability.breadcrumbs.sloDetailsLinkText": "詳細",
-    "xpack.observability.breadcrumbs.sloEditLinkText": "SLO",
     "xpack.observability.breadcrumbs.slosLinkText": "SLO",
     "xpack.observability.cases.caseFeatureNoPermissionsMessage": "ケースを表示するには、Kibana スペースでケース機能の権限が必要です。詳細については、Kibana管理者に連絡してください。",
     "xpack.observability.cases.caseFeatureNoPermissionsTitle": "Kibana機能権限が必要です",

x-pack/plugins/translations/translations/zh-CN.json

@@ -26622,7 +26622,6 @@
     "xpack.observability.breadcrumbs.overviewLinkText": "概览",
     "xpack.observability.breadcrumbs.rulesLinkText": "规则",
     "xpack.observability.breadcrumbs.sloDetailsLinkText": "详情",
-    "xpack.observability.breadcrumbs.sloEditLinkText": "SLO",
     "xpack.observability.breadcrumbs.slosLinkText": "SLO",
     "xpack.observability.cases.caseFeatureNoPermissionsMessage": "要查看案例，必须对 Kibana 工作区中的案例功能有权限。有关详细信息，请联系您的 Kibana 管理员。",
     "xpack.observability.cases.caseFeatureNoPermissionsTitle": "需要 Kibana 功能权限",