feat(design)!: update breadcrumb component to support truncation

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• [ ] The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• [ ] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Fixes: #3513

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes
[ ] No

Other information

[xelaint]

via css:

• hide 2nd to second to last items on mobile

Proposed new usage:

<nav>
	<daff-breadcrumb>
		<a daffBreadcrumbItem [link]="">Breadcrumb Label</a>
	</daff-breadcrumb>
</nav>

Last breadcrumb item should not be clickable/linked. Last breadcrumb item should have the class active added to it.

[xelaint]

The UI in the PR is complete, but there is still some buggy behavior that needs to be looked at. (e.g. the ellipsis to activate menu does not always work)