Adiciona regiões Top Bar e Navigation ao tema do microsite

- Top Bar: barra estreita acima do header para menu do usuário,
  fundo escuro com links claros alinhados à direita.
- Navigation: barra horizontal abaixo do header para menu da página,
  estilo baseado no nav-secondary do Olivero (hover com underline animado).
- Inclui menu.html.twig para gerar as classes .menu, .menu__item e
  .menu__link necessárias para o CSS funcionar (stable9 não as adiciona).

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

themes/site_users_microsite_theme/templates/layout/page.html.twig

@@ -23,6 +23,12 @@
 
   <div class="microsite-content-area">
 
+  {% if page.top_bar %}
+    <div class="microsite-top-bar" role="navigation" aria-label="{{ 'User account menu'|t }}">
+      {{ page.top_bar }}
+    </div>
+  {% endif %}
+
   {# Header: blocos configurados no admin OU header padrão gerado com dados do usuário. #}
   {% if page.header %}
     <header class="microsite-header" role="banner">
@@ -50,6 +56,12 @@
     </header>
   {% endif %}
 
+  {% if page.nav %}
+    <nav class="microsite-nav" role="navigation" aria-label="{{ 'User page menu'|t }}">
+      {{ page.nav }}
+    </nav>
+  {% endif %}
+
   {% if page.highlighted %}
     <div class="microsite-highlighted">
       {{ page.highlighted }}