add resource breadcrumbs

[willtsai]

Add breadcrumbs to various pages that improves ease of navigation for users.

Introduce a new resource breadcrumbs component to direct link to the parent resources.

example screenshots:

[rynowak]

I think this is a really nice improvement, but is it the right place in the UI for this?

Most backstage UI includes the breadcrumbs in the header: (See images here) backstage/backstage#3965

If can't do that do, should the breadcrumbs by above the "tabs"?

If we don't like that, then this needs more padding.

[willtsai]

I think this is a really nice improvement, but is it the right place in the UI for this?

Most backstage UI includes the breadcrumbs in the header: (See images here) backstage/backstage#3965

If can't do that do, should the breadcrumbs by above the "tabs"?

If we don't like that, then this needs more padding.

@rynowak Great catch on the appearance of the breadcrumbs. I took a look at the implementation in some of the major Backstage plugins in backstage/backstage#4705, and it looks like the current positioning below "tabs" and above "infocard" is what they've used, so perhaps we can stick with this? I did follow their convention of using <Box> to fix the padding.

[rynowak]

Thanks for checking that, this looks pretty awesome 👍