feat(design): Add truncated design to DaffBreadcrumbComponent

[joannalauu]

This also deprecates the DaffMenuModule.

PR Checklist

• Commit message follows our contributing guidelines
• Tests added/updated (for bug fixes/features)
• Documentation added/updated (for bug fixes/features)

PR Type

• Bug fix
• Feature
• Style update
• Refactor
• Test
• Build
• CI
• Docs
• Performance
• Other (please describe)

Current behavior

Fixes: #3513

Developed on top of #3569

New behavior

• Truncates breadcrumbs into an overflow menu on mobile and when more than five items are present on desktop
• Deprecates DaffMenuModule

Breaking change?

• Yes
• No

Additional context

[xelaint]

Blocked by #3998 (needs to be merged before this)

[xelaint]

I don't think it's fully working. This is what I see when I open menu in mobile, close it, then go back to desktop view.

To repro:

1. Update viewport to mobile
2. Click on ... to open menu
3. Close menu
4. Go back to desktop viewport

[xelaint]

We need to ability to choose between a <button daff-menu-item> or <a daff-menu-item> and pass in the link to the daff-menu-item.

This structure is bad:

This should be:

<a daff-menu-item href="/docs">
  <div class="daff-menu-item__content">
    Docs
  </div>
</a>

[joannalauu]

I have not been able to find a good solution to achieve this without breaking other behaviour.

Right now, the breadcrumb is passed into the menu through
<ng-container [ngTemplateOutlet]="breadcrumbItem.itemRef"></ng-container>
as <a href="/docs">Docs</a>, and there isn't really a way to extract the href and innerHTML while keeping the menu content up-to-date, because the menu is usually not re-rendered when switched to another page.

Perhaps it might be better to just keep the structure as it is, even through it isn't ideal? Please let me know if you have any ideas on an effective solution to this.

[xelaint]

There's a few things breaking:

1. active is no longer set on the active breadcrumb item
2. breadcrumb items are not being rendered correctly on page change

Screen.Recording.2026-01-09.at.11.09.20.AM.mov

[joannalauu]

@xelaint I really sorry about not thoroughly review my code before requesting a review. I have fixed the breadcrumb behaviour to work as intended, aside from the daff-menu structure which I have elaborated more in the discussion thread.