✨ Feature: Pages projets complètes + Optimisation images (Stories 3.4-3.6)

Story 3.4 - Page projet individuelle:
- Breadcrumb, header avec badges technologies
- Boutons "Voir en ligne" / "GitHub"
- Sections: Contexte, Solution, Travail d'équipe
- Galerie screenshots, sidebar durée
- Navigation retour + CTA contact

Story 3.5 - Projets secondaires:
- Section "Autres projets" sur /projets
- Template project-card-compact.php
- Format liste avec lien externe direct

Story 3.6 - Optimisation images:
- Fonction projectImage() avec <picture> WebP + fallback JPG
- Dimensions explicites (400x225, 800x450, 1200x675)
- Lazy loading configurable

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

pages/projects.php

@@ -8,6 +8,7 @@ $pageDescription = 'Découvrez mes réalisations web : sites vitrines, e-commerc
 $currentPage = 'projets';
 
 $featuredProjects = getProjectsByCategory('vedette');
+$secondaryProjects = getProjectsByCategory('secondaire');
 
 include_template('header', compact('pageTitle', 'pageDescription'));
 include_template('navbar', compact('currentPage'));
@@ -39,7 +40,22 @@ include_template('navbar', compact('currentPage'));
         </div>
     </section>
 
-    <!-- Section projets secondaires (Story 3.5) -->
+    <!-- Section projets secondaires -->
+    <?php if (!empty($secondaryProjects)): ?>
+        <section class="section pt-0">
+            <div class="container-content">
+                <hr class="border-border mb-12">
+
+                <h2 class="text-xl lg:text-heading font-semibold text-text-primary mb-8">Autres projets</h2>
+
+                <div class="space-y-4">
+                    <?php foreach ($secondaryProjects as $project): ?>
+                        <?php include_template('project-card-compact', ['project' => $project]); ?>
+                    <?php endforeach; ?>
+                </div>
+            </div>
+        </section>
+    <?php endif; ?>
 </main>
 
 <?php include_template('footer'); ?>