Remove trailing whitespace from <Badge> and <Icon> components

[HiDeoo]

Description

In Astro, components that include styles render with a trailing space. This behavior is not ideal for components like <Badge> and <Icon> that are often used in inline text.

For example, the following code:

Feature (<Badge text="New" />)

will render as:

Feature (New )

This PR removes the trailing space from <Badge> and <Icon> components by wrapping them in a fragment which prevents the trailing space from being rendered.

If we ship this change and its associated documentation change to accommodate the new behavior, we could potentially update the docs for all languages as it's purely structural changes and mark it as i18n ignored

[changeset-bot]

🦋 Changeset detected

Latest commit: e140163

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

This PR includes changesets to release 1 package

Name	Type
@astrojs/starlight	Minor

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

[netlify]

✅ Deploy Preview for astro-starlight ready!

Name	Link
🔨 Latest commit	e140163
🔍 Latest deploy log	https://app.netlify.com/sites/astro-starlight/deploys/67f3e8fc67b57f0007e66b6d
😎 Deploy Preview	https://deploy-preview-2924--astro-starlight.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 100 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

Locale	File	Note
en	components/badges.mdx	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[SnowDingo]

@HiDeoo, thank you for making this change.

I'm still a rookie coder so I can't give any suggestions on the code, but I feel like the new style without the trailing space is nice. I hope this PR will get merged.

-snowdingo

[delucis]

Changes all look great and the the changeset is really excellent and clear 👏

I wish we didn’t need to rely on the weird fragment hack, but I’m glad we at least have good testing in place in case that ever breaks.