feat: Archiv-Backfill, responsive Bilder und Site-Meta

Ergänzt Backfill- und Hilfsskripte, erzeugt nach der Pixazo-Generierung
komprimierte srcset-Varianten, validiert leere Bilder und fügt Favicon,
Web Manifest sowie Open-Graph-/Twitter-Tags in die Templates ein.

Co-authored-by: Cursor <cursoragent@cursor.com>

generator/templates/archiv.html.j2

@@ -5,6 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>MOBEA Archiv – Unsere bisherigen Pivots</title>
   <meta name="description" content="Jeden Tag ein neues Startup. Hier ruhen die bisherigen.">
+  <meta property="og:title" content="MOBEA Archiv – Unsere bisherigen Pivots">
+  <meta property="og:description" content="Jeden Tag ein neues Startup. Hier ruhen die bisherigen.">
+  {% set og_title = 'MOBEA Archiv – Unsere bisherigen Pivots' %}
+  {% set og_description = 'Jeden Tag ein neues Startup. Hier ruhen die bisherigen.' %}
+  {% set canonical_path = '/archiv/' %}
+  {% include '_head_common.html.j2' %}
   <meta name="theme-color" content="#111118">
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -314,7 +320,7 @@
           <a href="{{ entry.url }}" class="entry-link">
             <div class="entry-thumb">
               {% if entry.image %}
-              <img src="{{ entry.image }}" alt="{{ entry.backronym }}" width="360" height="203" loading="lazy">
+              <img src="{{ entry.image.thumb_src }}" srcset="{{ entry.image.thumb_srcset }}" sizes="{{ entry.image.thumb_sizes }}" alt="{{ entry.backronym }}" width="360" height="203" loading="lazy">
               {% endif %}
             </div>
             <div class="entry-body">