docs(restoring): swap live-progress figures and correct their captions

The two Details modal screenshots were displayed in the wrong order and
both captioned as post-completion snapshots. The one named `-details.png`
was actually captured mid-run (Restore in progress badge, ~2m left) and
the one named `-card.png` after completion (Restore complete badge,
0m53s duration). Reorders the figures to running-first then completed,
and rewrites the four alt/caption entries in EN and ES to match what
each image actually shows.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

web/app/[locale]/docs/backup-restore/restoring/page.tsx

@@ -355,19 +355,24 @@ export default async function RestoringPage({
         {t.rich("liveProgress.dismissBody", { code, em })}
       </p>
 
+      {/* Two states of the Details modal side-by-side: the running run
+          first (badge blue, current step, time remaining), then the
+          completed run (badge green, filled bar, total duration).
+          File names are historical — `-details.png` was captured while
+          the run was in progress and `-card.png` after it finished. */}
       <figure className="my-6">
         <a
-          href="/images/docs/backup-restore/monitor-restore-progress-card.png"
+          href="/images/docs/backup-restore/monitor-restore-progress-details.png"
           target="_blank"
           rel="noopener noreferrer"
           className="block cursor-zoom-in group"
           aria-label={t("liveProgress.imageAlt")}
         >
           <Image
-            src="/images/docs/backup-restore/monitor-restore-progress-card.png"
+            src="/images/docs/backup-restore/monitor-restore-progress-details.png"
             alt={t("liveProgress.imageAlt")}
             width={1600}
-            height={800}
+            height={1200}
             className="rounded-lg border border-gray-200 shadow-sm w-full h-auto transition group-hover:shadow-md"
           />
         </a>
@@ -378,14 +383,14 @@ export default async function RestoringPage({
 
       <figure className="my-6">
         <a
-          href="/images/docs/backup-restore/monitor-restore-progress-details.png"
+          href="/images/docs/backup-restore/monitor-restore-progress-card.png"
           target="_blank"
           rel="noopener noreferrer"
           className="block cursor-zoom-in group"
           aria-label={t("liveProgress.detailsImageAlt")}
         >
           <Image
-            src="/images/docs/backup-restore/monitor-restore-progress-details.png"
+            src="/images/docs/backup-restore/monitor-restore-progress-card.png"
             alt={t("liveProgress.detailsImageAlt")}
             width={1600}
             height={1200}

web/messages/en/docs/backup-restore/restoring.json

@@ -173,10 +173,10 @@
       }
     ],
     "dismissBody": "Once the restore is <em>complete</em> or <em>failed</em>, a Dismiss button collapses the card. The state file is preserved and the History button re-opens it plus any prior restore (the last 20 runs are archived under <code>/var/lib/proxmenux/restore-history/</code>).",
-    "imageAlt": "ProxMenux Monitor Backups tab showing the post-restore progress card after a completed restore, with the green Restore complete badge, full progress bar, run duration and summary tiles (guests, bind-mount stubs, stale nodes cleaned, components).",
-    "imageCaption": "The Backups tab card after the post-boot dispatcher has finished — status badge, 100% progress bar, run duration and per-component summary tiles.",
-    "detailsImageAlt": "Post-restore Details modal opened on the same completed restore, showing the finalised progress bar at 6/6 steps, the Rollback delta section reporting no drift, and the full log tail with the Full / Issues only toggle.",
-    "detailsImageCaption": "The Details modal for a completed restore, exposing the full run log, the boot sanity result and the rollback delta computed against the backup."
+    "imageAlt": "ProxMenux Monitor's Post-restore progress Details modal opened during a running restore, showing the blue Restore in progress badge, the current step (Rebuilding initramfs), the estimated time remaining, a partially filled progress bar and the live tail of the postboot log.",
+    "imageCaption": "The Details modal while the post-boot dispatcher is still running — badge, current step, time remaining and live log tail.",
+    "detailsImageAlt": "The same Details modal after the restore has finished, with the green Restore complete badge, the total run duration (0m53s), a fully filled 6/6 progress bar, the empty Rollback delta and the archived postboot log.",
+    "detailsImageCaption": "The same modal once the run has finished — badge, total duration, filled progress bar and the archived postboot log."
   },
   "postbootExample": {
     "heading": "What the post-boot looks like on the console",

web/messages/es/docs/backup-restore/restoring.json

@@ -173,10 +173,10 @@
       }
     ],
     "dismissBody": "Cuando la restauración termina como <em>complete</em> o <em>failed</em>, el botón Dismiss colapsa la tarjeta. El fichero de estado se conserva y el botón History la reabre junto con cualquier restauración anterior (se archivan las últimas 20 en <code>/var/lib/proxmenux/restore-history/</code>).",
-    "imageAlt": "Pestaña Backups del Monitor de ProxMenux mostrando la tarjeta de progreso post-restauración tras una restauración completada, con la insignia verde \"Restore complete\", la barra de progreso llena, la duración del proceso y los recuadros de resumen (guests, bind-mount stubs, stale nodes cleaned, components).",
-    "imageCaption": "La tarjeta de la pestaña Backups tras finalizar el post-boot dispatcher — insignia de estado, barra al 100%, duración total y recuadros de resumen por componente.",
-    "detailsImageAlt": "Modal Details post-restauración abierto sobre la misma restauración completada, mostrando la barra final en 6/6 pasos, la sección Rollback delta indicando que no hay entradas nuevas y el tail del log completo con el conmutador Full / Issues only.",
-    "detailsImageCaption": "El modal Details de una restauración completada, con el log completo, el resultado de la verificación de arranque y el delta de rollback calculado contra el backup."
+    "imageAlt": "Modal Details de progreso post-restauración del Monitor de ProxMenux abierto durante una restauración en curso, con la insignia azul Restore in progress, el paso actual (Rebuilding initramfs), el tiempo estimado restante, la barra de progreso parcialmente llena y el tail del log del postboot en vivo.",
+    "imageCaption": "El modal Details mientras el post-boot dispatcher sigue en ejecución — insignia, paso actual, tiempo restante y tail del log en vivo.",
+    "detailsImageAlt": "El mismo modal Details una vez terminada la restauración, con la insignia verde Restore complete, la duración total (0m53s), la barra de progreso al 6/6, la sección Rollback delta vacía y el log del postboot archivado.",
+    "detailsImageCaption": "El mismo modal una vez finalizada la ejecución — insignia, duración total, barra al 100% y log del postboot archivado."
   },
   "postbootExample": {
     "heading": "Cómo se ve el post-boot en la consola",