Breadcrumbs added to rest reference page (#48953)

src/fixtures/tests/playwright-rendering.spec.ts

@@ -291,6 +291,10 @@ test.describe('test nav at different viewports', () => {
     expect(await page.getByTestId('breadcrumbs-in-article').getByRole('link').all()).toHaveLength(2)
     await expect(page.getByTestId('breadcrumbs-in-article').getByText('Foo')).toBeVisible()
     await expect(page.getByTestId('breadcrumbs-in-article').getByText('Bar')).not.toBeVisible()
+
+    // breadcrumbs show up in rest reference pages
+    await page.goto('/rest/actions/artifacts')
+    await expect(page.getByTestId('breadcrumbs-in-article')).toBeVisible()
   })
 
   test('large -> x-large viewports - 1012+', async ({ page }) => {

src/rest/components/RestReferencePage.tsx

@@ -9,6 +9,7 @@ import { useAutomatedPageContext } from 'src/automated-pipelines/components/Auto
 import { Operation } from './types'
 import { ClientSideRedirects } from 'src/rest/components/ClientSideRedirects'
 import { RestRedirect } from 'src/rest/components/RestRedirect'
+import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs'
 
 export type StructuredContentT = {
   restOperations: Operation[]
@@ -41,6 +42,9 @@ export const RestReferencePage = ({ restOperations }: StructuredContentT) => {
       <ClientSideRedirects />
       <RestRedirect />
       <div className="px-3 px-md-6 my-4 container-xl" data-search="article-body">
+        <div className="d-none d-xl-block my-3 mr-auto width-full">
+          <Breadcrumbs />
+        </div>
         <h1 id="title-h1" className="mb-3">
           {title}
         </h1>