{# ========================================
   ADMIN PAGE HEADER COMPONENT
   En-tête commun aux pages admin — titre, nom admin, retour dashboard, déconnexion
   ======================================== #}
<section class="mb-5 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
    <div>
        <p class="text-xs font-black uppercase tracking-wider text-abyss-800">Connecté : {{ admin.nom }}</p>
        <h1 class="text-3xl font-black uppercase">{{ title }}</h1>
    </div>
    <div class="flex gap-2">
        <a href="/admin" class="rounded-lg border-2 border-abyss-900 bg-white px-3 py-2 text-xs font-black uppercase shadow-[3px_3px_0_0_#041824]">Retour tableau de bord</a>
        <a href="/admin/logout" class="rounded-lg border-2 border-abyss-900 bg-coral-500 px-3 py-2 text-xs font-black uppercase text-white shadow-[3px_3px_0_0_#041824]">Déconnexion</a>
    </div>
</section>