InfoBadge information is not centered

[bogdan-patraucean]

Describe the bug

Using the InfoBadge for the most basic thing like showing a number will not show that number centered, sometimes with more than one pixel off. Considering the advancements in today's technology we should be able to achieve this important milestone in humanity's evolution. 🚀 Let's make the world a better place!

Steps to reproduce the bug

Just use the InfoBadge to display a notification.

<InfoBadge Value="0"></InfoBadge>

Expected behavior

I would expect the number to be centered.

I made this sample in 5 minutes which is already better than the existing result we get with InfoBadge (and it works for different scalings too). I know the control has more complexity, but if I can achieve this better version of it with a few lines of code, I'm sure Microsoft can solve this as well:

<Grid>
    <Rectangle Width="16" Height="16" Fill="{ThemeResource SystemAccentColorDark1}" RadiusX="9" RadiusY="7"></Rectangle>
    <TextBlock FontSize="11" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White" Padding="0,0,0,1">0</TextBlock>
</Grid>

Screenshots

Left is my code, right is InfoBadge.

NuGet package version

WinUI 3 - Windows App SDK 1.5.2: 1.5.240404000

Windows version

No response

Additional context

I know this is more of a nice to have fix, but it's still something that needs fixing.