Adiciona barra social lateral ao tema do microsite

Implementa o layout estilo Olivero: em desktop (≥ 1200 px) a região
Social fica fixada à esquerda com conteúdo girado −90°; em mobile exibe
barra horizontal compacta. Usa IntersectionObserver para aplicar
.is-fixed ao scroll.

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

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

@@ -13,7 +13,15 @@
  * - microsite_user_photo: render array da foto padrão (view mode 'thumbnail').
  */
 #}
-<div class="microsite-layout">
+<div class="microsite-layout{% if page.social %} microsite-layout--has-social{% endif %}">
+
+  {% if page.social %}
+    <div class="social-bar">
+      {{ page.social }}
+    </div>
+  {% endif %}
+
+  <div class="microsite-content-area">
 
   {# Header: blocos configurados no admin OU header padrão gerado com dados do usuário. #}
   {% if page.header %}
@@ -70,16 +78,12 @@
     {% endif %}
   </div>
 
-  {% if page.social %}
-    <div class="microsite-social">
-      {{ page.social }}
-    </div>
-  {% endif %}
-
   {% if page.footer %}
     <footer class="microsite-footer">
       {{ page.footer }}
     </footer>
   {% endif %}
 
+  </div>{# fim .microsite-content-area #}
+
 </div>