fix: add cmd palette demo video and screenshots

Author: serhalp

app/pages/blog/release/0.8.md

@@ -24,7 +24,22 @@ Today we continue to improve [npmx.dev](https://npmx.dev). npmx 0.8 includes new
 
 npmx now has a rich command palette for efficient, keyboard-driven access to every page, toggle, and action across the website. Open it by hitting ⌘ K on macOS or Ctrl+K on Windows/Linux, or by clicking the new “jump to…” item in the header.
 
-TODO: demo
+<figure>
+  <video
+    src="/blog/release/0.8/cmd-palette-demo.mp4"
+    poster="/blog/release/0.8/cmd-palette-demo-cover.png"
+    controls
+    autoplay
+    loop
+    muted
+    playsinline
+    preload="metadata"
+    aria-label="Screen recording of npmx's command palette in action: opening it with Cmd+K, toggling dark/light theme, switching languages, navigating to a package page, browsing source files, switching package versions, and searching for a new package, all without leaving the keyboard."
+  />
+  <figcaption>
+    A screen recording demonstrating npmx's command palette. The video shows: the npmx home page in dark mode; opening the command palette with Cmd+K to reveal navigation, connections, and settings sections; using the palette to toggle to light mode, then back to dark mode; using the palette to switch the interface language to Vietnamese and back to English; navigating to the Vue package page and using the palette to access package actions like "download tarball" and "copy package name"; browsing into the package's source files in the built-in code viewer; using the palette to switch between Vue versions from a list filtered by a semantic versioning specifier; and finally typing "tinyexec" into the palette to search for a different package. Throughout, individual key presses are shown in an on-screen overlay.
+  </figcaption>
+</figure>
 
 There are already 68 total commands across the website, but you’ll always see just what’s relevant to your current view:
 
@@ -35,13 +50,15 @@ There are already 68 total commands across the website, but you’ll always see
 
 You’ll always see a fallback option to submit your input as a search:
 
-![command palette fallback showing search for a package name](/blog/command-palette-fallback.png)
+![Light-themed command palette interface with a title ‘command palette’ and subtitle about
+navigating npm packages. A focused input field contains ‘tinylibs’. Below it, a single option
+appears with a magnifying glass icon and the text ‘search for “tinylibs”](/blog/release/0.8/cmd-palette-search-fallback.png)
 
 Oh, and one more thing.
 
 On a package page, type or paste any version or [SemVer range specifier](https://docs.npmx.dev/guide/semver-ranges) and you’ll immediately see matching versions of that package.
 
-![command palette showing package versions](/blog/command-palette-versions.png)
+![Dark-themed command palette modal titled ‘command palette’ with a subtitle about navigating npm packages. A search input contains ‘~1.0.1’. Below, a list labeled ‘Versions of tinyexec’ shows selectable versions: 1.0.4, 1.0.3, 1.0.2, and 1.0.1.](/blog/release/0.8/cmd-palette-semver.png)
 
 The command palette is intended to be accessible to everyone, with a full, rich experience on mobile and desktop, keyboard, mouse, touch screens, and screen readers. This wasn't a regular tech conference. We were very impressed by the quality of the talks and conversations.