feat(css): site público passa de Bootstrap 4.3.1 (EOL) para 5.3.3

Auditoria: "Site público em Bootstrap 4.3.1 (EOL); backoffice em
5.3.3" — o backoffice já usa a 5.3.3 vendorizada (assets/vendor/bootstrap5/),
o site público passa a usar a mesma cópia em vez da 4.3.1.

Levantamento antes de mexer: a folha de estilo própria (style.css)
quase não usa classes utilitárias cruas do Bootstrap (grep confirma
zero ml-/mr-/pl-/pr-/float-left/float-right/custom-select/
custom-control/badge-/sr-only/font-weight-/text-left/text-right —
tudo classes próprias como .site-btn). O que precisava de mudar:

- CSS/JS: assets/vendor/bootstrap/ -> assets/vendor/bootstrap5/
  (bundle, inclui Popper).
- Os 7 atributos data-toggle/data-target/data-dismiss (BS4) ->
  data-bs-toggle/data-bs-target/data-bs-dismiss (BS5): toggle da nav
  mobile, os dois modais (aula experimental, inscrição), o botão de
  fechar do alerta. O seletor em main.js que lê data-target também
  mudou para não parar de encontrar os botões.
- .close -> .btn-close (BS5 renomeou o componente; markup sem o
  × interno, que o BS5 desenha via CSS).
- .form-row -> .row (BS4 tinha form-row com gutters menores; BS5 não
  tem, style.css não tinha overrides para form-row, confirmado).
- O apanhado maior: dois <script> inline chamavam
  jQuery('#trialModal').modal('show') ao estilo de plugin jQuery do
  BS4 (para reabrir o modal depois de um erro de submissão) — o BS5
  não regista plugins jQuery nenhuns, isto ficava morto em silêncio.
  Trocado por new bootstrap.Modal(...).show(), a API JS nativa do
  BS5. grep confirma zero outras chamadas .modal()/.collapse()/etc.

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

site/includes/footer.php

@@ -37,7 +37,7 @@
 
 <!-- Scripts: jQuery first (Bootstrap navbar/alerts depend on it), then plugins -->
 <?= script_tag('assets/vendor/jquery/jquery-3.7.1.min.js') ?>
-<?= script_tag('assets/vendor/bootstrap/js/bootstrap.min.js') ?>
+<?= script_tag('assets/vendor/bootstrap5/js/bootstrap.bundle.min.js') ?>
 <?= script_tag('site/assets/js/main.js') ?>
 </body>
 </html>

site/includes/include.php

@@ -58,7 +58,7 @@ $canonical = $GLOBALS['_canonical_override'] ?? match ($page) {
 <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap" rel="stylesheet">
 
 <!-- Vendor: Bootstrap 4.3.1 -->
-<?= link_tag('assets/vendor/bootstrap/css/bootstrap.min.css') ?>
+<?= link_tag('assets/vendor/bootstrap5/css/bootstrap.min.css') ?>
 
 <!-- Vendor: Font Awesome 5 -->
 <?= link_tag('site/assets/fonts/fontawesome/css/all.css') ?>

site/includes/navbar.php

@@ -14,7 +14,7 @@ $logo_dims = svg_img_dims_attr(dirname(__DIR__, 2) . '/' . $logo_rel);
       <a class="navbar-brand" href="<?= htmlspecialchars(gym_url(current_gym())) ?>">
       <img loading="eager" decoding="async" alt="Logo FitMe3070" src="<?= $logo ?>" <?= $logo_dims ?> style="width: 150px;">
     </a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav mx-auto ">
         <?php foreach($navbar as $key => $n):