fix(ui): always apply inline-flex by default to Badge component

[edda]

Summary

Always apply inline-flex to Badge component to enable flex alignment properties.

Problem

The Badge component has justify-center and items-center in its base styles, but these CSS properties only take effect when the element has display: flex or display: inline-flex. Previously, inline-flex was only applied conditionally when the icon prop was truthy, meaning badges without icons had ineffective alignment styles.

Changes Made

• Added jn:inline-flex to badgeBaseStyles so it's always applied
• Removed conditional ${icon ? "jn:inline-flex" : ""} from the render

Why This Is Safe

• inline-flex still flows inline with surrounding text (like inline or inline-block)
• The Badge is a <span>, so inline display is expected behavior
• No breaking changes to the component API
• All existing Badge tests pass

Related Issues

• Issue 1: [Task](ui): Adjust Badge default styles for consistent rendering #1465

Testing Instructions

• pnpm --filter @cloudoperators/juno-ui-components test Badge - 12 tests passing

Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.
• I have made corresponding changes to the documentation (if applicable).
• My changes generate no new warnings or errors.
• I have created a changeset for my changes.

PR Manifesto

Review the PR Manifesto for best practises.

[changeset-bot]

🦋 Changeset detected

Latest commit: 7d6c821

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 9 packages

Name	Type
@cloudoperators/juno-ui-components	Patch
@cloudoperators/juno-app-carbon	Patch
@cloudoperators/juno-app-doop	Patch
@cloudoperators/juno-app-example	Patch
@cloudoperators/juno-app-greenhouse	Patch
@cloudoperators/juno-app-heureka	Patch
@cloudoperators/juno-app-supernova	Patch
@cloudoperators/juno-app-template	Patch
@cloudoperators/juno-messages-provider	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-02-17 14:43 UTC

[guoda-puidokaite]

Looks good, Thank You for the detail. 🚀