Details on new pages (#1545)

## Description

Few small things

## Motivation and Context

...that weren't perfect

I would also suggest this icon (yay or nay?)

![image](https://github.com/microsoft/WinUI-Gallery/assets/65828559/880ee6bc-bab3-4ba7-9c6b-5642dab23a85)

## Screenshots (if appropriate):

(before)

![image](https://github.com/microsoft/WinUI-Gallery/assets/65828559/61dfb1d4-3f72-4d46-92fe-95a8ff62f7ad)

## Types of changes

- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to change)

Author: Jay-o-Way

WinUIGallery/ControlPages/DesignGuidance/GeometryPage.xaml

@@ -66,8 +66,6 @@
                             Canvas.Left="16"
                             Canvas.Top="16"
                             Padding="4"
-                            HorizontalAlignment="Right"
-                            VerticalAlignment="Top"
                             AutomationProperties.Name="Show Geometry"
                             Canvas.ZIndex="1"
                             Click="ShowGeometryButtonClick1"
@@ -86,8 +84,6 @@
                             Canvas.Left="16"
                             Canvas.Top="148"
                             Padding="4"
-                            HorizontalAlignment="Right"
-                            VerticalAlignment="Top"
                             AutomationProperties.Name="Show Geometry"
                             Canvas.ZIndex="1"
                             Click="ShowGeometryButtonClick2"
@@ -99,14 +95,12 @@
                             Title="0px"
                             Target="{x:Bind ShowGeometryButton2}" />
 
-                        <!--  Body Strong Teaching tip  -->
+                        <!--  Control Teaching tip  -->
                         <Button
                             x:Name="ShowGeometryButton3"
                             Canvas.Left="240"
                             Canvas.Top="168"
                             Padding="4"
-                            HorizontalAlignment="Right"
-                            VerticalAlignment="Top"
                             AutomationProperties.Name="Show geometry"
                             Canvas.ZIndex="1"
                             Click="ShowGeometryButtonClick3"
@@ -249,7 +243,6 @@
                                 Style="{StaticResource CaptionTextBlockStyle}"
                                 Text="N/a" />
                         </Grid>
-
                     </StackPanel>
                 </ScrollViewer>
             </StackPanel>

WinUIGallery/ControlPages/DesignGuidance/SpacingPage.xaml

@@ -60,9 +60,9 @@
                     <Setter Property="Background" Value="{ThemeResource AccentFillColorDefaultBrush}" />
                 </Style.Setters>
             </Style>
-
         </ResourceDictionary>
     </Page.Resources>
+
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
@@ -106,12 +106,14 @@
                 </Grid>
             </StackPanel>
         </ScrollView>
+
         <Grid
             Grid.Row="2"
             Margin="0,36,0,0"
             Style="{StaticResource GalleryTileGridStyle}">
             <ScrollViewer HorizontalScrollBarVisibility="Auto" HorizontalScrollMode="Auto">
                 <StackPanel Padding="12,24,12,12">
+                    <!--  header  -->
                     <Grid Margin="16,0,0,0" HorizontalAlignment="Stretch">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="206" />
@@ -143,9 +145,7 @@
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Spacing between UI controls, control + label." />
                     </Grid>
                     <!--  12epx  -->
-                    <Grid
-                        Grid.ColumnDefinitions="86,136,*"
-                        Style="{StaticResource DesignRowLightCardStyle}">
+                    <Grid Grid.ColumnDefinitions="86,136,*" Style="{StaticResource DesignRowLightCardStyle}">
                         <TextBlock Style="{StaticResource ValueTextStyle}" Text="12epx" />
                         <Border Width="12" Style="{StaticResource VisualBorderStyle}" />
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Spacing between control + header, surface and edge text, text sections." />
@@ -157,9 +157,7 @@
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Padding used in list styles, cards." />
                     </Grid>
                     <!--  24epx  -->
-                    <Grid
-                  Style="{StaticResource DesignRowLightCardStyle}"
-                        Grid.ColumnDefinitions="86,136,*">
+                    <Grid Grid.ColumnDefinitions="86,136,*" Style="{StaticResource DesignRowLightCardStyle}">
                         <TextBlock Style="{StaticResource ValueTextStyle}" Text="24epx" />
                         <Border Width="24" Style="{StaticResource VisualBorderStyle}" />
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Spacing between content sections." />
@@ -171,9 +169,7 @@
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Padding on pages." />
                     </Grid>
                     <!--  48epx  -->
-                    <Grid
-                        Style="{StaticResource DesignRowCardStyle}"
-                        Grid.ColumnDefinitions="86,136,*">
+                    <Grid Grid.ColumnDefinitions="86,136,*" Style="{StaticResource DesignRowLightCardStyle}">
                         <TextBlock Style="{StaticResource ValueTextStyle}" Text="48epx" />
                         <Border Width="48" Style="{StaticResource VisualBorderStyle}" />
                         <TextBlock Style="{StaticResource DescriptionTextStyle}" Text="Spacing between page sections with title." />