refine post-install and hardware GPU docs, Monitor UX and CLI styling

- rewrite the 15 post-install pages and the 3 hardware GPU pages so they reflect the current scripts (reversibility, tracked-tool counts, kernel parameters, per-tool commands, Alpine LXC propagation flow)
- migrate the legacy step-badge helper on post-install/optional and create-vm/synology to the canonical pill component, with the stepLabel key added in each locale
- fix rich-text i18n calls missing helpers across network, automated, optional, security, customization and the post-install landing pages, and escape the `<iface>` placeholder in automated so intl no longer parses it as a tag
- remove the mouse-follow blue overlay from the docs landing layout
- reposition the App-tab Edit button and stack the Search and Register controls vertically on mobile
- move the Bulk update Configure/Edit control into the section header so it behaves the same on desktop and mobile
- show a spinner during the final autoremove/autoclean pass of update-pve-safe so the cleanup step reads as active instead of silent
- restyle the shell spinner and msg_info in a distinctive purple and drop the unused msg_lang duplicate
- add a web-docs i18n build script and its CI workflow, plus tests for the pushover notification channel

web/app/[locale]/docs/create-vm/synology/page.tsx

@@ -51,13 +51,13 @@ function ImageWithCaption({ src, alt, caption }: { src: string; alt: string; cap
   )
 }
 
-function StepNumber({ number }: { number: number }) {
+function StepHeading({ number, label, title, id }: { number: number; label: string; title: string; id?: string }) {
   return (
-    <div
-      className="inline-flex items-center justify-center w-8 h-8 mr-3 text-white bg-blue-500 rounded-full"
-      aria-hidden="true"
-    >
-      <span className="text-sm font-bold">{number}</span>
+    <div className="flex items-center gap-3 mb-4" id={id}>
+      <span className="inline-flex items-center rounded-full border border-blue-200 bg-blue-50 px-2.5 py-0.5 text-xs font-semibold text-blue-800">
+        {label} {number}
+      </span>
+      <h2 className="text-xl font-semibold m-0">{title}</h2>
     </div>
   )
 }
@@ -271,10 +271,7 @@ export default function Page() {
         const media = step.loaders[activeLoader] || []
         return (
           <section key={step.id} className="mb-12 border-b pb-8">
-            <h2 className="text-xl font-semibold mb-4 flex items-center" id={step.id}>
-              <StepNumber number={stepIdx + 1} />
-              {step.title}
-            </h2>
+            <StepHeading number={stepIdx + 1} label={t("stepLabel")} title={step.title} id={step.id} />
             <p className="mb-4">{step.intro}</p>
 
             <div className="mt-6">