Breadcrumb: Collapse intermediate levels

[daneah]

The problem

When there is a sufficient level of nesting, breadcrumbs become unwieldy to read. On mobile devices they take up a large amount of real estate as well.

The solution

When there are 5 or more levels in the breadcrumb, collapse the breadcrumbs between the root and the leaf items into a dropdown menu with the condensed icon as the menu trigger.

Additional information

We may want to collapse the breadcrumb even earlier on mobile devices. Maybe we even want this to be a prop of the component?