[Peek]Fix icons, removed unneeded RTL code, ui tweaks and code suggestions (#32087)

* Force file pickers to open modal

* remove unneeded RTL code

* better icons and analyzer suggestions

* additions for preview controls

* more code improvs

* two nits in strings

* Adressing feedback

icon margin, drive usage bar, TitleBarHeightOption

src/modules/peek/Peek.FilePreviewer/Controls/UnsupportedFilePreview/FailedFallbackPreviewControl.xaml

@@ -9,7 +9,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     mc:Ignorable="d">
 
-    <Grid>
+    <Grid ColumnSpacing="24" RowSpacing="24">
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
@@ -18,19 +18,17 @@
 
         <IconSourceElement
             Grid.Row="0"
-            Margin="3"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
             Foreground="{StaticResource TextFillColorSecondaryBrush}">
             <IconSourceElement.IconSource>
-                <FontIconSource FontSize="135" Glyph="&#xE783;" />
+                <FontIconSource FontSize="128" Glyph="&#xE783;" />
             </IconSourceElement.IconSource>
         </IconSourceElement>
 
         <TextBlock
             x:Uid="FailedFallbackTextBlock"
             Grid.Row="1"
-            Margin="3"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
             Foreground="{StaticResource TextFillColorSecondaryBrush}"
@@ -39,7 +37,6 @@
         <HyperlinkButton
             x:Uid="FailedFallbackReportBugHyperlinkButton"
             Grid.Row="2"
-            Margin="3"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
             NavigateUri="https://aka.ms/powerToysReportBug" />

src/modules/peek/Peek.FilePreviewer/Controls/UnsupportedFilePreview/InformationalPreviewControl.xaml

@@ -9,7 +9,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     mc:Ignorable="d">
 
-    <Grid>
+    <Grid ColumnSpacing="24">
         <Grid.ColumnDefinitions>
             <ColumnDefinition x:Name="Icon" Width="Auto" />
             <ColumnDefinition x:Name="FileInfo" Width="*" />
@@ -20,19 +20,19 @@
             Grid.Column="0"
             Width="180"
             Height="180"
-            Margin="0,24,24,24"
             Source="{x:Bind Source.IconPreview, Mode=OneWay}" />
 
         <StackPanel
             Grid.Column="1"
             VerticalAlignment="Center"
-            Spacing="5">
+            Spacing="4">
 
             <TextBlock
-                FontSize="26"
-                FontWeight="SemiBold"
+                MaxLines="3"
+                Style="{StaticResource TitleTextBlockStyle}"
                 Text="{x:Bind Source.FileName, Mode=OneWay}"
-                TextTrimming="CharacterEllipsis">
+                TextTrimming="CharacterEllipsis"
+                TextWrapping="Wrap">
                 <ToolTipService.ToolTip>
                     <ToolTip Content="{x:Bind Source.FileName, Mode=OneWay}" />
                 </ToolTipService.ToolTip>

src/modules/peek/Peek.FilePreviewer/Controls/UnsupportedFilePreview/UnsupportedFilePreview.xaml

@@ -13,7 +13,7 @@
     mc:Ignorable="d">
 
     <Grid
-        Margin="48"
+        Margin="24"
         HorizontalAlignment="Stretch"
         VerticalAlignment="Center">