infra: redistribute screenshots + convert homepage PNG to WebP

- Move architecture-physique.svg from section 01 to section 03 (Network & TLS)
- Move homepage-dashboard from section 01 to section 04 (Observability)
- Convert homepage-dashboard.png to WebP (413K → 139K, -66%)
- Applied to both EN and FR pages

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ferr079

public/images/homepage-dashboard.webp

@@ -111,11 +111,7 @@ import SectionHeading from '../../components/SectionHeading.astro';
             <Screenshot src="/images/pve2-focus.webp" alt="Liste CTs pve2 — 20+ conteneurs" title="pve2 — conteneurs" caption="pve2 — 20+ CTs : Homepage, Jellyfin, Immich, Wazuh, Beszel..." />
           </div>
 
-          <Screenshot src="/images/homepage-dashboard.png" alt="Dashboard Homepage — 30+ services" title="homepage.pixelium.internal" caption="Homepage — 13 widgets actifs, 3 sections, monitoring temps réel" />
-
           <Screenshot src="/images/neofetch-terre2.webp" alt="Neofetch terre2 — Bluefin, Ryzen 7 5800X, RTX 3090" title="terre2 — neofetch" caption="Workstation terre2 — Bluefin immutable, RTX 3090 24 Go, 3 écrans" />
-
-          <Screenshot src="/images/architecture-physique.svg" alt="Architecture physique du homelab" title="architecture-physique.svg" caption="Topologie physique — 3 nœuds Proxmox, NAS OMV, Freebox Delta" />
         </div>
       </div>
     </section>
@@ -295,6 +291,8 @@ import SectionHeading from '../../components/SectionHeading.astro';
             </div>
           </div>
 
+          <Screenshot src="/images/architecture-physique.svg" alt="Architecture physique du homelab" title="architecture-physique.svg" caption="Topologie physique — 3 nœuds Proxmox, NAS OMV, Freebox Delta, workstation" />
+
           <div class="tls-pipeline">
             <div class="tls-step">
               <span class="tls-icon">CA</span>
@@ -390,6 +388,8 @@ import SectionHeading from '../../components/SectionHeading.astro';
             </div>
           </div>
 
+          <Screenshot src="/images/homepage-dashboard.webp" alt="Dashboard Homepage — 30+ services" title="homepage.pixelium.internal" caption="Homepage — 13 widgets actifs, 3 sections, monitoring temps réel" />
+
           <div class="agent-block">
             <div class="agent-header">
               <img src="https://cdn.simpleicons.org/rust/DEA584" alt="" class="tech-logo" loading="lazy" aria-hidden="true" onerror="this.style.display='none'" />

src/pages/fr/infrastructure.astro

@@ -111,11 +111,7 @@ import SectionHeading from '../components/SectionHeading.astro';
             <Screenshot src="/images/pve2-focus.webp" alt="pve2 container list — 20+ CTs" title="pve2 — containers" caption="pve2 — 20+ CTs: Homepage, Jellyfin, Immich, Wazuh, Beszel..." />
           </div>
 
-          <Screenshot src="/images/homepage-dashboard.png" alt="Homepage dashboard — 30+ services" title="homepage.pixelium.internal" caption="Homepage — 13 active widgets, 3 sections, real-time monitoring" />
-
           <Screenshot src="/images/neofetch-terre2.webp" alt="Neofetch terre2 — Bluefin, Ryzen 7 5800X, RTX 3090" title="terre2 — neofetch" caption="Workstation terre2 — immutable Bluefin, RTX 3090 24 GB, 3 monitors" />
-
-          <Screenshot src="/images/architecture-physique.svg" alt="Homelab physical architecture" title="architecture-physique.svg" caption="Physical topology — 3 Proxmox nodes, OMV NAS, Freebox Delta" />
         </div>
       </div>
     </section>
@@ -295,6 +291,8 @@ import SectionHeading from '../components/SectionHeading.astro';
             </div>
           </div>
 
+          <Screenshot src="/images/architecture-physique.svg" alt="Homelab physical architecture" title="architecture-physique.svg" caption="Physical topology — 3 Proxmox nodes, OMV NAS, Freebox Delta, workstation" />
+
           <div class="tls-pipeline">
             <div class="tls-step">
               <span class="tls-icon">CA</span>
@@ -390,6 +388,8 @@ import SectionHeading from '../components/SectionHeading.astro';
             </div>
           </div>
 
+          <Screenshot src="/images/homepage-dashboard.webp" alt="Homepage dashboard — 30+ services" title="homepage.pixelium.internal" caption="Homepage — 13 active widgets, 3 sections, real-time monitoring" />
+
           <div class="agent-block">
             <div class="agent-header">
               <img src="https://cdn.simpleicons.org/rust/DEA584" alt="" class="tech-logo" loading="lazy" aria-hidden="true" onerror="this.style.display='none'" />