WebExtensions use system notifications on Windows now (#32093)

* WebExtensions use system notifications on Windows now

* Update screenshot and text for notification API and improve alt text.

* Compress image

* nits

---------

Co-authored-by: rebloor <git@sherpa.co.nz>

files/en-us/mozilla/add-ons/webextensions/api/notifications/index.md

@@ -9,11 +9,15 @@ browser-compat: webextensions.api.notifications
 
 Display notifications to the user, using the underlying operating system's notification mechanism. Because this API uses the operating system's notification mechanism, the details of how notifications appear and behave may differ according to the operating system and the user's settings.
 
-To use this API you need to have the "notifications" [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions).
+On macOS, the notification looks something like this:
 
-The notification looks the same on all desktop operating systems. Something like:
+![Example notification on macOS, located below the system clock, with a bold title reading "Click notification" followed by regular text reading "You clicked https://developer.mozilla.org/en-US/docs/MDN". The notification has the Firefox Nightly logo on the left side, and a link icon on the right.](notification-macos.png)
 
-![Example notification with a bold title and regular text](notification.png)
+On Windows, the notification persists in the Action Center until the browser is closed. The notification looks something like this:
+
+![Example notification on Windows 10, located above the system clock, with a bold title reading "Click notification" followed by regular text reading "You clicked https://developer.mozilla.org/en-US/docs/MDN". The notification has a small Firefox logo in the top left corner that is followed by "Mozilla Firefox", and a link icon to the left of the primary notification text.](notification-windows.png)
+
+To use this API, you need to have the "notifications" [permission](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions).
 
 ## Types
 

files/en-us/mozilla/add-ons/webextensions/user_interface/notifications/index.md

@@ -8,7 +8,7 @@ page-type: guide
 
 Notifications allow you to communicate information about your extension or its content using the underlying operating system's notification service.
 
-![Click notification in the top right corner of the browser window.](notify-shadowed.png)
+![Example notification on macOS, located below the system clock, with a bold title reading "Click notification" followed by regular text reading "You clicked https://developer.mozilla.org/en-US/docs/MDN". The notification has the Firefox Nightly logo on the left side, and a link icon on the right.](notify-shadowed.png)
 
 Notifications can include a call to action for the user, and your add-on can listen for the user clicking the notification or the notification closing.