MainWindow.xaml

<mah:MetroWindow x:Class="Handheld_Control_Panel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Handheld_Control_Panel"
        xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
        xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
        mc:Ignorable="d"
     xmlns:notifications="clr-namespace:Notification.Wpf.Controls;assembly=Notification.Wpf"
        xmlns:ui="http://schemas.modernwpf.com/2019"    Topmost="True" AllowsTransparency="True" WindowStyle="None" Background="Transparent" UseNoneWindowStyle="True" BorderThickness="0"
        Title="Handheld Control Panel" Height="750" Width="460"  Top="0" ResizeMode="NoResize"  Closing="MetroWindow_Closing" LocationChanged="MetroWindow_LocationChanged" StateChanged="MetroWindow_StateChanged" Loaded="MetroWindow_Loaded" IsVisibleChanged="MetroWindow_IsVisibleChanged" >
    <Border Background="{DynamicResource MahApps.Brushes.ThemeBackground}"   BorderThickness="0"  CornerRadius="11,0,0,11" x:Name="borderCorner1" >
        <Border    BorderThickness="0"     CornerRadius="11,0,0,11" x:Name="borderCorner2" >
            <Grid   >

                <Grid.Resources>

                    

                </Grid.Resources>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40" />
                    <RowDefinition Height="40" />
                    <RowDefinition Height="2" />
               
                    <RowDefinition  />
               
                    <RowDefinition Height="60" />

                </Grid.RowDefinitions>
               

                <DockPanel>
                    <TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" Margin="9,0,0,0" Name="Time" FontSize="20" />
                    <Button DockPanel.Dock="Right" VerticalAlignment="Center"  FontFamily="Segoe MDL2 Assets" FontSize="23" Content="&#xE89F;" Margin="15,0,15,0" Click="Button_Click" >
                      
                    </Button>
                   
                    <TextBlock DockPanel.Dock="Right" VerticalAlignment="Center" Name="InternetStatus" FontFamily="Segoe MDL2 Assets" FontSize="24"  Margin="0,0,5,5"/>
                    <TextBlock DockPanel.Dock="Right" VerticalAlignment="Center" Name="BatteryStatus" FontFamily="Segoe MDL2 Assets" FontSize="36"  Margin="5,0,5,0"/>
                    <TextBlock DockPanel.Dock="Right" VerticalAlignment="Center" FontSize="20" Name="BatteryPercentage" />
                    <TextBlock DockPanel.Dock="Right" />
                </DockPanel>

                <DockPanel Grid.Row="1" Background="{DynamicResource MahApps.Brushes.Accent3}">
                    <TextBlock Width="35" Margin="13,0,0,0" HorizontalAlignment="Left" FontSize="27" Style="{StaticResource controllerButtonTextblock}" Text="&#xF10A;" />
                    <ListBox x:Name="navigation" FontSize="16" Width="350" Background="Transparent" SelectionChanged="navigation_SelectionChanged"  >
                        <ListBox.Resources>

                            <Style TargetType="ListBoxItem">
                                <Setter Property="Background" Value="Transparent" />
                                <Style.Resources>
                                    <Style TargetType="Border">
                                        <Setter Property="CornerRadius" Value="2"/>

                                    </Style>
                                </Style.Resources>
                            </Style>
                        </ListBox.Resources>
                        <ListBox.ItemsPanel>

                            <ItemsPanelTemplate>
                                <StackPanel HorizontalAlignment="Center" Background="Transparent" Orientation="Horizontal" />
                            </ItemsPanelTemplate>
                        </ListBox.ItemsPanel>
                        <ListBoxItem Tag="Home" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE80F;" />
                        </ListBoxItem>
                      
                        <ListBoxItem Tag="Profiles" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE8F1;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="Action" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xEDB5;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="MouseMode" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE962;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="AppLauncher" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE8F9;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="Information" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE946;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="Settings" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE713;" />
                        </ListBoxItem>
                        <ListBoxItem Tag="Power" >
                            <TextBlock Style="{StaticResource controllerButtonTextblock}" Text="&#xE7E8;" />
                        </ListBoxItem>
                    </ListBox>
                    <TextBlock Width="35" HorizontalAlignment="Right" FontSize="27" Margin="0,0,13,0" TextAlignment="Right" Style="{StaticResource controllerButtonTextblock}" Text="&#xF10B;" />
                </DockPanel>
                <DockPanel Background="{DynamicResource MahApps.Brushes.Badged.Foreground}" Grid.Row="2"/>

                <Border Grid.Row="3" Height="120" VerticalAlignment="Bottom" Panel.ZIndex="2" >
                    <notifications:NotificationArea x:Name="WindowArea" Position="TopLeft" MaxItems="3"  />
                </Border>
                
                <Frame Name="frame" NavigationUIVisibility="Hidden" Grid.Row="3" />

                <Border x:Name="borderCorner3" Background="{DynamicResource MahApps.Brushes.Accent2}" Grid.Row="4" CornerRadius="0,0,0,11">
                    <StackPanel x:Name="instructionStackPanel" Grid.Row="6" Height="50" Width="450" />
                </Border>
            
            </Grid>

        </Border>
    </Border>
    


</mah:MetroWindow>