Refresh Applications tab screenshots and reorder docs to match the app (#4903)

* Update Applications tab screenshots

Replace outdated install/uninstall/show-installed screenshots and add
new ones for upgrade-all, clear-selection, selected-apps counter, and
collapse/expand categories.

* Update Applications guide with new screenshots and sections

Point each tab at its refreshed screenshot, reorder tabs to match the
sidebar button order in the app, and document the Upgrade All,
Selected Apps counter, and Collapse/Expand Categories controls.

* Add missing Updates tab screenshot

The image was referenced by the Updates guide but was never checked
into the repo.

* Reorder screenshots to follow their intro paragraph

Move the tab screenshot below the introductory text on the Tweaks and
Updates guide pages, matching the paragraph-then-screenshot layout
used elsewhere in the docs.

---------

Co-authored-by: Chris Titus <contact@christitus.com>

docs/src/content/docs/guides/application.mdx

@@ -10,19 +10,13 @@ import { Tabs, TabItem } from '@astrojs/starlight/components';
 Use the Applications tab to install, upgrade, uninstall, and review supported apps from one place. WinUtil relies on package manager support for these actions, so the available results depend on what WinGet can detect and manage on your system.
 
 <Tabs>
-<TabItem label="Installation & Updates">
+<TabItem label="Install & Upgrade">
 * Choose the applications you want to install or upgrade.
     * For programs not currently installed, this action will install them.
     * For programs already installed, this action will update them to the latest version.
 * Click the `Install/Upgrade Selected` button to start the installation or upgrade process.
 
-![Install or upgrade selected applications](../../../assets/screenshots/install-pics/installation.png)
-</TabItem>
-<TabItem label="Upgrade All">
-* Simply press the `Upgrade All` button.
-* This upgrades every supported installed program without individual selection.
-
-![Upgrade all applications](../../../assets/screenshots/install-pics/install-apps.png)
+![Install or upgrade selected applications](../../../assets/screenshots/install-pics/installation&upgrade.png)
 </TabItem>
 <TabItem label="Uninstall">
 * Select the programs you wish to uninstall.
@@ -30,17 +24,35 @@ Use the Applications tab to install, upgrade, uninstall, and review supported ap
 
 ![Uninstall selected applications](../../../assets/screenshots/install-pics/uninstall-apps.png)
 </TabItem>
-<TabItem label="Show Installed Apps">
-* Click the `Show Installed Apps` button.
-* This scans for and selects installed applications supported by WinGet.
+<TabItem label="Upgrade All">
+* Simply press the `Upgrade All` button.
+* This upgrades every supported installed program without individual selection.
 
-![Show installed apps](../../../assets/screenshots/install-pics/show-installed-apps.png)
+![Upgrade all applications](../../../assets/screenshots/install-pics/upgrade-all.png)
 </TabItem>
 <TabItem label="Clear Selection">
 * Click the `Clear Selection` button.
 * This clears all current selections.
 
-![Clear app selections](../../../assets/screenshots/install-pics/clear-selection-apps.png)
+![Clear app selections](../../../assets/screenshots/install-pics/clear-selected-apps.png)
+</TabItem>
+<TabItem label="Collapse & Expand Categories">
+* Click `Collapse All Categories` to close every category and shrink the list to just the category headers.
+* Click `Expand All Categories` to reopen every category and show all applications again.
+
+![Collapse or expand all categories](../../../assets/screenshots/install-pics/Collapse&ExpandCat.png)
+</TabItem>
+<TabItem label="Selected Apps Counter">
+* The `Selected Apps` counter in the sidebar shows how many applications are currently selected.
+* Use it to keep track of your selection as you browse categories.
+
+![Selected apps counter](../../../assets/screenshots/install-pics/Selected-Apps.png)
+</TabItem>
+<TabItem label="Show Installed Apps">
+* Click the `Show Installed Apps` button.
+* This scans for and selects installed applications supported by WinGet.
+
+![Show installed apps](../../../assets/screenshots/install-pics/show-installed-apps.png)
 </TabItem>
 </Tabs>
 

docs/src/content/docs/guides/tweaks.mdx

@@ -5,12 +5,10 @@ sidebar:
   order: 3
 ---
 
-import YouTubeEmbed from '../../../components/YouTubeEmbed.astro';
+Use the Tweaks tab to apply recommended Windows changes, review optional presets, and adjust a few supporting settings such as DNS and power plans. Start with a preset unless you already know which individual tweaks you want.
 
 ![Image of Tweaks Tab](../../../assets/screenshots/tweaks-tab-new.png)
 
-Use the Tweaks tab to apply recommended Windows changes, review optional presets, and adjust a few supporting settings such as DNS and power plans. Start with a preset unless you already know which individual tweaks you want.
-
 ### Recommended Selections
 Use the quick-selection buttons at the top of the Tweaks tab to speed up setup:
 

docs/src/content/docs/guides/updates.mdx

@@ -7,6 +7,8 @@ sidebar:
 
 WinUtil provides three update modes so you can choose how aggressively Windows Update is managed on your system:
 
+![Image of Updates Tab](../../../assets/screenshots/updates-tab-new.png)
+
 Changing modes adjusts system-wide Windows Update behavior. After switching modes, give Windows a moment to apply the policy and plan for a restart if the new state does not appear immediately.
 
 - **Recommended**: Prioritizes stability while still receiving security updates