fix(ui5-bar, ui5-button): prevent button badge from being clipped inside ui5-bar

[hinzzx]

Overview

Button badges were cut off when the button sat inside a ui5-bar. The bar's overflow rules clipped the badge that intentionally sticks out above the button.

What We Did

• Loosened the bar's overflow rules so badges and similar protruding visuals stay visible above the bar.
• Kept slotted titles and labels truncating with ellipsis as before.
• Tightened the badge offset only for buttons placed inside a bar, so the badge sits closer to the button corner.

What This Fixes

• Badge visibility, badges on buttons inside a bar render fully.
• Visual fit, the badge overhang inside a bar is reduced; standalone buttons look unchanged.
• No regressions, long titles still cannot spill past the bar's sides, and ellipsis still applies to slotted text content.

Before

After

Fixes: #13541

[ui5-webcomponents-bot]

🚀 Deployed on https://pr-13618--ui5-webcomponents-preview.netlify.app

[GDamyanov]

This is redundant

[hinzzx]

On Cozy when a button is in a Bar and has a badge, the badge overflows outside the bar boundaries. It looks correct on compact though, so I will apply it only in Compact.