fix(controls): Fixed issues with InfoBar

[apachezy]

Pull request type

Please check the type of change your PR introduces:

• Update
• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes

What is the current behavior?

• When InfoBar's IsOpen property is set to false, the internal element “InfoBarRoot” is collapsed, but the InfoBar control itself remains visible in layout. This causes the margin and padding of InfoBar to still occupy space.

  Example usage:

  <Border
      Grid.Column="0"
      VerticalAlignment="Center"
      Background="Aquamarine">
      <ui:InfoBar
          Title="Title"
          Grid.Column="0"
          Margin="0 20"
          IsOpen="{Binding ViewModel.IsShortInfoBarOpened, Mode=TwoWay}"
          Message="Essential app message."
          Severity="{Binding ViewModel.ShortInfoBarSeverity, Mode=OneWay}" />
  </Border>

  Example:

  InfoBar-close-RootGrid.mp4

• When the Title is empty, the space occupied by its TextBlock is not released, causing the TextBox displaying the Message to be squeezed out.

  

• Currently, the InfoBar lacks appropriate border colors for different severity levels, and there are no suitable resource keys available even when customizing its style.

---

What is the new behavior?

• InfoBar will be truly “closed” and will not occupy any layout space.

  Example:

  InfoBar-close-Self.mp4

• When the Title is empty, the Message aligns to the position where the Title would be.

  

• Four new brush keys have been added to the existing themes: InfoBarErrorSeverityBorderBrush, InfoBarWarningSeverityBorderBrush, InfoBarSuccessSeverityBorderBrush, and InfoBarInformationalSeverityBorderBrush. These allow developers to easily override and customize the styles. Please note that, to maintain consistency with WinUI InfoBar behavior, the corresponding color values remain unchanged.

Other information