Adds navigation panel toggle button

Implements a toggle button for the navigation panel, improving UI responsiveness and user control over screen real estate.

This change introduces a new style for the toggle button and integrates it into the navigation sidebar.
The button provides a cleaner and more intuitive way to hide or show the navigation panel, replacing the previous subtle icon button.

Author: Tomasz Solik

BusLane/Styles/AppStyles.axaml

@@ -1128,6 +1128,34 @@
         <Setter Property="BoxShadow" Value="{DynamicResource FocusRingAccent}"/>
     </Style>
 
+    <!-- Sidebar panel toggle button -->
+    <Style Selector="Button.panel-toggle">
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="Foreground" Value="{DynamicResource SubtleForeground}"/>
+        <Setter Property="Padding" Value="6"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="BorderBrush" Value="Transparent"/>
+        <Setter Property="CornerRadius" Value="6"/>
+        <Setter Property="Cursor" Value="Hand"/>
+        <Setter Property="MinWidth" Value="30"/>
+        <Setter Property="MinHeight" Value="30"/>
+    </Style>
+
+    <Style Selector="Button.panel-toggle:pointerover /template/ ContentPresenter">
+        <Setter Property="Background" Value="{DynamicResource HoverBackground}"/>
+        <Setter Property="Foreground" Value="{DynamicResource AppForeground}"/>
+        <Setter Property="BorderBrush" Value="Transparent"/>
+    </Style>
+
+    <Style Selector="Button.panel-toggle:pressed /template/ ContentPresenter">
+        <Setter Property="Background" Value="{DynamicResource PressedBackground}"/>
+        <Setter Property="BorderBrush" Value="Transparent"/>
+    </Style>
+
+    <Style Selector="Button.panel-toggle:focus-visible /template/ ContentPresenter">
+        <Setter Property="BoxShadow" Value="{DynamicResource FocusRingAccent}"/>
+    </Style>
+
     <Style Selector="ToggleButton.icon-button">
         <Setter Property="Background" Value="Transparent"/>
         <Setter Property="Foreground" Value="{DynamicResource AppForeground}"/>

BusLane/Views/Controls/NavigationSidebar.axaml

@@ -16,7 +16,7 @@
             <!-- App Header -->
             <Border DockPanel.Dock="Top" Classes="sidebar-header">
                 <StackPanel>
-                    <Grid ColumnDefinitions="Auto,*,Auto">
+                    <Grid ColumnDefinitions="*,Auto">
                         <StackPanel Grid.Column="0" Orientation="Horizontal" Spacing="10">
                             <Viewbox Width="32" Height="32">
                                 <Canvas Width="512" Height="512">
@@ -80,23 +80,18 @@
                             </Viewbox>
                             <StackPanel VerticalAlignment="Center">
                                 <TextBlock Text="BusLane" Classes="heading-large"/>
-                                <StackPanel Orientation="Horizontal" Spacing="6">
-                                    <TextBlock Text="Service Bus Manager" Classes="caption" FontSize="11"/>
-                                    <Border Classes="badge-info" Padding="4,1">
-                                        <TextBlock Text="{Binding AppVersion}" FontSize="12" Foreground="{DynamicResource AccentBrand}"/>
-                                    </Border>
-                                </StackPanel>
+                                <TextBlock Text="Service Bus Manager" Classes="caption" FontSize="11"/>
                             </StackPanel>
                         </StackPanel>
 
                         <!-- Toggle Panel Button -->
-                        <Button Grid.Column="2"
-                                Classes="subtle icon-button"
+                        <Button Grid.Column="1"
+                                Classes="panel-toggle"
                                 Command="{Binding ToggleNavigationPanelCommand}"
-                                ToolTip.Tip="Hide panel"
+                                ToolTip.Tip="Hide navigation panel"
                                 VerticalAlignment="Center"
                                 HorizontalAlignment="Right"
-                                Margin="8,0,0,0"
+                                Margin="12,0,0,0"
                                 Padding="6">
                             <LucideIcon Kind="PanelLeftClose" Size="18"/>
                         </Button>