[Settings] Multiple UX refinements (e.g. OOBE) (#5113)

* Updated FZ page with new resizing logic

* Multiple UX fixes. Added updated resizing logic to other pages

* Added ImageResizer file format example snippets to tooltip

* Added warning icon in hotkeysettingscontrol

* Fixed formatting

* Keys label can now be set

* Replaced custom titleblocks with converter

* Updated strings

* Added correct links to the images. Added PT description on General page as well.

* Colorpicker image updates

* Rounded corners

* Fix

* Added back in correct subtitles

src/core/Microsoft.PowerToys.Settings.UI/Styles/TextBlock.xaml

@@ -20,7 +20,7 @@
 
 
     <Style x:Key="SettingsGroupTitleStyle" TargetType="TextBlock" BasedOn="{StaticResource SubtitleTextBlockStyle}">
-        <Setter Property="Margin" Value="0,34,0,8" />
+        <Setter Property="Margin" Value="0,34,0,4" />
+        <Setter Property="FontWeight" Value="SemiBold"/>
     </Style>
-
-</ResourceDictionary>
+</ResourceDictionary>

src/core/Microsoft.PowerToys.Settings.UI/Styles/_Colors.xaml

@@ -1,5 +1,5 @@
 <ResourceDictionary
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
-    <SolidColorBrush x:Key="ThemeControlForegroundBaseHighBrush" Color="{ThemeResource SystemBaseHighColor}"></SolidColorBrush>
+    <SolidColorBrush x:Key="ThemeControlForegroundBaseHighBrush" Color="{ThemeResource SystemBaseHighColor}"/>
 </ResourceDictionary>

src/core/Microsoft.PowerToys.Settings.UI/Styles/_Sizes.xaml

@@ -3,7 +3,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:Microsoft.PowerToys.Settings.UI.Styles">
 
-    <x:Double x:Key="SidePanelWidth">180</x:Double>
+    <x:Double x:Key="SidePanelWidth">240</x:Double>
 
     <!-- Breakpoint for wide layout (side panel next to content) -->
     <x:Double x:Key="WideLayoutMinWidth">1100</x:Double>