Add slots based per class, admin courses mgmt, admin roles, horizontal nav/landing, glove favicon

app/muay-thai/page.tsx

@@ -2,6 +2,7 @@
 
 import Header from "@/components/Header";
 import Link from "next/link";
+import Availability from "@/components/Availability";
 
 const EQUIPMENT = [
   { icon: "🪢", name: "Corde à sauter" },
@@ -42,27 +43,14 @@ export default function MuayThaiPage() {
 
         <section className="card mb-6">
           <h2 className="mb-3 text-xl font-bold">📅 Horaires</h2>
-          <p className="mb-2 text-sm text-white/60">
+          <p className="mb-3 text-sm text-white/60">
             Cours de Muay Thai à{" "}
             <strong className="text-white">BAZAINVILLE</strong> (salle
             &quot;l&apos;atelier&quot;)
           </p>
-          <div className="mb-4 overflow-hidden rounded-xl border border-white/10">
-            <div className="flex items-center justify-between bg-white/5 px-4 py-3">
-              <span className="font-semibold">Mardi</span>
-              <span className="tabular-nums text-primary-300">
-                19h00 – 21h00
-              </span>
-            </div>
-            <div className="flex items-center justify-between border-t border-white/10 px-4 py-3">
-              <span className="font-semibold">Vendredi</span>
-              <span className="tabular-nums text-primary-300">
-                20h00 – 22h00
-              </span>
-            </div>
-          </div>
-          <p className="text-sm text-white/50">
-            À partir du 12 septembre
+          <Availability sport="muay-thai" />
+          <p className="mt-3 text-sm text-white/50">
+            🏁 Reprise des cours ce <strong className="text-primary-300">mardi 8 septembre</strong>
           </p>
         </section>