Fix line break before "external link icon"

[sbleh]

Describe the bug

Since 1.0.0-alpha.41, there is a line break before the external link icon (arrow right up) for links going to other websites.

Reproduction

.

Expected behavior

Having it inline with the title of that link.

System Info

.

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

hey, is it broken anywhere except the sidebar?

[sbleh]

Haven't found anything else. It's not really broken but unexpected formatting.

[brc-dd]

/cc @kiaking We currently have

vitepress/src/client/theme-default/components/VPSidebarItem.vue

Lines 58 to 60 in f974381

	<VPLink :tag="linkTag" class="link" :href="item.link">
	<component :is="textTag" class="text" v-html="item.text" />
	</VPLink>

I don't think we can move svg inside the text tag. We however can have something like this using flex (external link icons are right aligned):

Created #1880, have a look. Any better solution where we can have it like it was earlier (just after the text end)?