fix(ui): use embedded breadcrumbs on ServicesPage when in embedded (#28107)

* fix(ui): use embedded breadcrumbs on ServicesPage when rendered in askCollate

* add support for embedded breadcrumb in global settings

Author: harsh-vador

openmetadata-ui/src/main/resources/ui/src/pages/EmbeddedAddServicePage/EmbeddedAddServicePage.component.tsx

@@ -334,7 +334,7 @@ const EmbeddedAddServicePage = () => {
         minWidth: 700,
         flex: 0.7,
         className: 'content-resizable-panel-container',
-        cardClassName: 'max-width-md m-x-auto',
+        cardClassName: 'max-width-md m-x-auto tw:my-4',
         allowScroll: true,
       }}
       hideSecondPanel={hideSecondPanel}

openmetadata-ui/src/main/resources/ui/src/pages/GlobalSettingPage/GlobalSettingCategory/GlobalSettingCategoryPage.tsx

@@ -56,13 +56,27 @@ const GlobalSettingCategoryPage = () => {
   const breadcrumbs: TitleBreadcrumbProps['titleLinks'] = useMemo(() => {
     const crumbs = getSettingPageEntityBreadCrumb(settingCategory);
     if (isEmbedded) {
-      return crumbs.map((crumb, i) =>
-        i === 0 ? { ...crumb, url: '' } : crumb
-      );
+      const categoryName = crumbs[crumbs.length - 1]?.name ?? '';
+
+      return [
+        {
+          name: t('label.ask-collate'),
+          url: '/askCollate',
+        },
+        {
+          name: t('label.connection-plural'),
+          url: '/askCollate/connections',
+        },
+        {
+          name: categoryName,
+          url: '',
+          activeTitle: true,
+        },
+      ];
     }
 
     return crumbs;
-  }, [settingCategory, isEmbedded]);
+  }, [settingCategory, isEmbedded, t]);
 
   const settingCategoryData: SettingMenuItem | undefined = useMemo(() => {
     let categoryItem = globalSettingsClassBase

openmetadata-ui/src/main/resources/ui/src/pages/ServicesPage/ServicesPage.tsx

@@ -87,16 +87,24 @@ const ServicesPage = () => {
     );
 
     if (isEmbedded) {
-      return crumbs.map((crumb) => {
-        if (!crumb.activeTitle && crumb.url) {
-          return {
-            ...crumb,
-            url: '/askCollate/connections/settings/services',
-          };
-        }
-
-        return crumb;
-      });
+      return [
+        {
+          name: t('label.ask-collate'),
+          url: '/askCollate',
+        },
+        {
+          name: t('label.connection-plural'),
+          url: '/askCollate/connections',
+        },
+        {
+          name:
+            tab === GlobalSettingOptions.DATA_OBSERVABILITY
+              ? t('label.data-observability')
+              : capitalize(tab),
+          url: '',
+          activeTitle: true,
+        },
+      ];
     }
 
     return crumbs;