[Settings] Fix "What's new" icon (#30557)

* Fixing order and icon

* XAML styler

* Fix expect

.github/actions/spell-check/expect.txt

@@ -34,6 +34,7 @@ ALPHATYPE
 AModifier
 AMPROPERTY
 AMPROPSETID
+animatedvisuals
 ANDSCANS
 ansicolor
 ANull

src/settings-ui/Settings.UI/SettingsXAML/Views/ShellPage.xaml

@@ -2,6 +2,7 @@
     x:Class="Microsoft.PowerToys.Settings.UI.Views.ShellPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
     xmlns:animations="using:CommunityToolkit.WinUI.Animations"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:helpers="using:Microsoft.PowerToys.Settings.UI.Helpers"
@@ -90,10 +91,18 @@
                     helpers:NavHelper.NavigateTo="views:DashboardPage"
                     Icon="{ui:FontIcon Glyph=}" />
 
-                <NavigationViewItem
-                    x:Uid="Shell_General"
-                    helpers:NavHelper.NavigateTo="views:GeneralPage"
-                    Icon="{ui:FontIcon Glyph=&#xE713;}" />
+                <NavigationViewItem x:Uid="Shell_General" helpers:NavHelper.NavigateTo="views:GeneralPage">
+                    <NavigationViewItem.Icon>
+                        <AnimatedIcon>
+                            <AnimatedIcon.Source>
+                                <animatedvisuals:AnimatedSettingsVisualSource />
+                            </AnimatedIcon.Source>
+                            <AnimatedIcon.FallbackIconSource>
+                                <SymbolIconSource Symbol="Setting" />
+                            </AnimatedIcon.FallbackIconSource>
+                        </AnimatedIcon>
+                    </NavigationViewItem.Icon>
+                </NavigationViewItem>
                 <NavigationViewItemSeparator />
 
                 <NavigationViewItem
@@ -125,15 +134,17 @@
                     x:Uid="Shell_FancyZones"
                     helpers:NavHelper.NavigateTo="views:FancyZonesPage"
                     Icon="{ui:BitmapIcon Source=/Assets/Settings/FluentIcons/FluentIconsFancyZones.png}" />
-                <NavigationViewItem
-                    x:Uid="Shell_FileLocksmith"
-                    helpers:NavHelper.NavigateTo="views:FileLocksmithPage"
-                    Icon="{ui:BitmapIcon Source=/Assets/Settings/FluentIcons/FluentIconsFileLocksmith.png}" />
+
                 <NavigationViewItem
                     x:Uid="Shell_PowerPreview"
                     helpers:NavHelper.NavigateTo="views:PowerPreviewPage"
                     Icon="{ui:BitmapIcon Source=/Assets/Settings/FluentIcons/FluentIconsFileExplorerPreview.png}" />
 
+                <NavigationViewItem
+                    x:Uid="Shell_FileLocksmith"
+                    helpers:NavHelper.NavigateTo="views:FileLocksmithPage"
+                    Icon="{ui:BitmapIcon Source=/Assets/Settings/FluentIcons/FluentIconsFileLocksmith.png}" />
+
                 <NavigationViewItem
                     x:Uid="Shell_Hosts"
                     helpers:NavHelper.NavigateTo="views:HostsPage"
@@ -217,7 +228,7 @@
                         Tapped="OOBEItem_Tapped" />
                     <NavigationViewItem
                         x:Uid="WhatIsNew_NavViewItem"
-                        Icon="{ui:FontIcon Glyph=&#xF133;}"
+                        Icon="{ui:FontIcon Glyph=&#xE789;}"
                         Tapped="WhatIsNewItem_Tapped" />
                     <NavigationViewItem
                         x:Uid="Feedback_NavViewItem"

src/settings-ui/Settings.UI/Strings/en-us/Resources.resw

@@ -2187,7 +2187,7 @@ From there, simply click on one of the supported files in the File Explorer and
     <comment>Don't loc "PowerToys"</comment>
   </data>
   <data name="WhatIsNew_NavViewItem.Content" xml:space="preserve">
-    <value>What's New</value>
+    <value>What's new</value>
   </data>
   <data name="Feedback_NavViewItem.Content" xml:space="preserve">
     <value>Give feedback</value>