Refonte du design : moderne + responsive, thème clair/sombre, maj compétences

- Vraie structure HTML5 (doctype, head, meta viewport) via le header commun
- CSS réécrit avec variables, police Inter, header sticky, menu burger mobile
- Thème clair/sombre avec bouton dans la navbar (mémorisé en localStorage)
- Hero sur l'accueil, page compétences en cartes alignée sur le CV (+ Ansible)
- Correction des balises body/main dupliquées sur contact, login et cgu

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

pages/projects.php

@@ -1,20 +1,25 @@
-<?php 
+<?php
 
 // Page affichant les différents projets personnels / scolaires / professionnels
 // On pourrait également rajouter des tags comme "En cours" ou même "En reflexion"...
 
+// Titre de l'onglet
+$pageTitle = 'Projets';
 
 // On ajoute le header
 require_once('../elements/header.php');
 
 // Ajout d'un message indiquant si l'utilisateur est admin qu'il peut modifier ces projets
 if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
-    echo "<p style='color: white; text-align: center;'>Vous êtes administrateur, vous pouvez modifier les projets <a href='../pages/admin.php'>ici</a>.</p>";
+    echo "<p class='admin-notice'>Vous êtes administrateur, vous pouvez modifier les projets <a href='../pages/admin.php'>ici</a>.</p>";
 }
 // Affichages des projets
 ?>
 
-<p class="projects-title">Liste des projets</p>
+<div class="page-header">
+    <h1>Projets</h1>
+    <p>Mes réalisations personnelles, scolaires et professionnelles.</p>
+</div>
 
 <?php
 
@@ -25,4 +30,4 @@ require_once('../functions/listProject.php');
 afficherProjets();
 
 // Ajout du footer
-require_once('../elements/footer.php'); ?>
+require_once('../elements/footer.php'); ?>