💄Fix breadcrumb truncation and mobile layout

[Aibono1225]

Relates to #2661

Summary

• Mobile: Replaced the stacked vertical breadcrumb list with a single line showing only the immediate parent (first category if available, otherwise "SSW Rules"). This prevents multi-line wrapping on small
  screens per the SSW breadcrumb rule.
• Desktop: Kept the full breadcrumb trail but added proper truncation — labels now cap at ~80 characters and show an ellipsis instead of overflowing or wrapping.
• Both: Fixed a flex layout issue where truncate had no effect because parent elements lacked min-w-0, causing long text to wrap rather than clip.

Figure: Mobile view

[Aibono1225]

/deploy

[github-actions]

PR Preview Deployed

Preview URL	https://app-sswrules-staging-pr-2665.azurewebsites.net/rules
Slot Name	pr-2665
Branch	2661-improve-breadcrumb
Commit	b03785b40c8356f5802d786d540136428427d612

---

_{This preview will be automatically deleted when the PR is closed.}

[Aibono1225]

Hi @micsblank @tiagov8

The UI improvement for breadcrumbs raised in #2661 has been deployed to staging 🙂. Here's the link: https://app-sswrules-staging-pr-2665.azurewebsites.net/rules/

1. Test Please

[tiagov8]

Hi @Aibono1225

❌ Test fail

Although it doesn't show the unwanted multiple lines, 2 elements of the breadcrumb were just hidden... (instead of truncated)

From

SSW / SSW Rules / Category / This rule

to

SSW / Category

Figure: We don't see "SSW Rules homepage" not "This rule" in this view

[Aibono1225]

/deploy

[Aibono1225]

Hi @Aibono1225

❌ Test fail

Although it doesn't show the unwanted multiple lines, 2 elements of the breadcrumb were just hidden... (instead of truncated)

From

SSW / SSW Rules / Category / This rule

to

SSW / Category

**Figure: We don't see "SSW Rules homepage" not "This rule" in this view**

Hi @tiagov8 ,

Fixed - The previous version followed the rule’s “show only the immediate parent on mobile” suggestion, I’ve switched it to truncation instead, now all breadcrumb elements stay visible on one line and long labels use an ellipsis.

1. Please check again on https://app-sswrules-staging-pr-2665.azurewebsites.net/rules

[tiagov8]

LGTM