fix: changed text alignment and icon logic

[emoral435]

• Resolves [Bug]: Padded breadcrumbs #43839

Summary

1. Previously, for every breadcrumb, we where loading an icon alongside its text. Because we where using NcButton, this meant that the button was trying to load an icon and its accompanying text, splitting the button width into two, which is why the padding looked funky!
2. The icon rendering logic now needs to change in order to fit the new NcBreadcrumb logic, so we serve the component an icon that we use now instead of having it on every section!

Unrelated, but while testing this, it seems that the uploading section of this component seems to block the view of the breadcrumbs even when you are not uploading something. May have to do with our upload stores queue not updating correctly? Will test later!

Screenshots of the new change

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[susnux]

Looks good to me now :)

[skjnldsv]

/backport to stable28

[skjnldsv]

conflicts 🙈

[emoral435]

Fixed 🐘