xaml format and add datacontext

StabilityMatrix/MainWindow.xaml

@@ -1,42 +1,52 @@
-<ui:FluentWindow x:Class="StabilityMatrix.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:StabilityMatrix"
-                 xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
-                 mc:Ignorable="d"
-                 Icon="Assets/Icon.ico"
-                 Background="{DynamicResource ApplicationBackgroundBrush}"
-                 Foreground="{DynamicResource TextFillColorPrimaryBrush}"
-                 ExtendsContentIntoTitleBar="True"
-                 WindowBackdropType="Mica"
-                 Loaded="MainWindow_OnLoaded"
-                 Title="Stability Matrix" Height="700" Width="1100">
+<ui:FluentWindow
+    Background="{DynamicResource ApplicationBackgroundBrush}"
+    ExtendsContentIntoTitleBar="True"
+    Foreground="{DynamicResource TextFillColorPrimaryBrush}"
+    Height="700"
+    Icon="Assets/Icon.ico"
+    Loaded="MainWindow_OnLoaded"
+    Title="Stability Matrix"
+    Width="1100"
+    WindowBackdropType="Mica"
+    d:DataContext="{d:DesignInstance Type=viewModels:MainWindowViewModel,
+                                     IsDesignTimeCreatable=True}"
+    mc:Ignorable="d"
+    x:Class="StabilityMatrix.MainWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:local="clr-namespace:StabilityMatrix"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+    xmlns:viewModels="clr-namespace:StabilityMatrix.ViewModels"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <ui:TitleBar Foreground="White" Background="#191919">
+        <ui:TitleBar Background="#191919" Foreground="White">
             <ui:TitleBar.Header>
-                <TextBlock Text="Stability Matrix" Margin="16,8" />
+                <TextBlock Margin="16,8" Text="Stability Matrix" />
             </ui:TitleBar.Header>
         </ui:TitleBar>
         <Grid Grid.Row="1" Visibility="{Binding AdvancedModeVisibility, FallbackValue=Visible}">
-            <ui:NavigationView x:Name="RootNavigation"
-                               IsBackButtonVisible="Collapsed"
-                               PaneOpened="RootNavigation_OnPaneOpened"
-                               PaneClosed="RootNavigation_OnPaneClosed">
+            <ui:NavigationView
+                IsBackButtonVisible="Collapsed"
+                PaneClosed="RootNavigation_OnPaneClosed"
+                PaneOpened="RootNavigation_OnPaneOpened"
+                x:Name="RootNavigation">
                 <ui:NavigationView.Header>
                     <ui:BreadcrumbBar
-                        Margin="42,32,0,16"
                         FontSize="28"
-                        FontWeight="DemiBold" />
+                        FontWeight="DemiBold"
+                        Margin="42,32,0,16" />
                 </ui:NavigationView.Header>
                 <ui:NavigationView.MenuItems>
-                    <ui:NavigationViewItem Content="Launch" IsActive="true" TargetPageType="{x:Type local:LaunchPage}">
+                    <ui:NavigationViewItem
+                        Content="Launch"
+                        IsActive="true"
+                        TargetPageType="{x:Type local:LaunchPage}">
                         <ui:NavigationViewItem.Icon>
                             <ui:SymbolIcon Symbol="Rocket24" />
                         </ui:NavigationViewItem.Icon>
@@ -57,12 +67,20 @@
             </ui:NavigationView>
         </Grid>
         <Grid Grid.Row="1" Visibility="{Binding SimpleModeVisibility, FallbackValue=Hidden}">
-            <ui:Button Content="Install" HorizontalAlignment="Center" FontSize="36" Padding="16"/>
-            <Button Content="Advanced Options" HorizontalAlignment="Center"
-                    Background="Transparent"
-                    Command="{Binding GoAdvancedModeCommand}"
-                    VerticalAlignment="Bottom" Margin="16" FontSize="14"/>
+            <ui:Button
+                Content="Install"
+                FontSize="36"
+                HorizontalAlignment="Center"
+                Padding="16" />
+            <Button
+                Background="Transparent"
+                Command="{Binding GoAdvancedModeCommand}"
+                Content="Advanced Options"
+                FontSize="14"
+                HorizontalAlignment="Center"
+                Margin="16"
+                VerticalAlignment="Bottom" />
         </Grid>
-        <ContentPresenter x:Name="RootContentDialog" Grid.Row="1" />
+        <ContentPresenter Grid.Row="1" x:Name="RootContentDialog" />
     </Grid>
 </ui:FluentWindow>