Melissa: hub Configuracoes + Embed + 9 Pages novas + dialog blueprint dark

Sprints 04-29 + 04-30 acumuladas.

- MelissaConfiguracoes: hub 2-col com 6 grupos (Layout/Conta/Agenda/
  Financeiro/WhatsApp/Sistema), tudo embedado via MelissaEmbed.
- MelissaEmbed: wrapper generico que injeta layout-variant=melissa
  e remove cromos pra reaproveitar Pages tradicionais.
- 9 Melissa Pages novas: CadastrosRecebidos, Compromissos, Configuracoes,
  Conversas, Embed, Grupos, Medicos, Recorrencias, Tags.
- Dialog blueprint atualizado: bg-gray-100 (hardcoded light) ->
  bg-[var(--surface-ground)] (tema-aware). 22 dialogs migrados em
  9 arquivos. Anti-pattern documentado.
- PatientsCadastroPage: bug fix dropdown Grupo (optionLabel nome->name),
  toggle vertical/abas com persist localStorage, sticky margin-top.
- Surface picker no popover do MelissaLayout (8 swatches).
- useTopbarPlanMenu, useMelissaWhatsapp, useMelissaPacientesAside novos.
- Migration: status agenda remarcado/confirmado.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/layout/configuracoes/ConfiguracoesAgendaPage.vue

@@ -535,6 +535,9 @@ async function saveJornada() {
         cfg.value.setup_clinica_concluido = true;
         cfg.value.jornada_igual_todos = igualTodos;
         toast.add({ severity: 'success', summary: 'Jornada salva', detail: 'Horários de trabalho atualizados.', life: 3500 });
+        // Notifica consumidores (ex: MelissaLayout/timeline) pra refetch
+        // do agenda_regras_semanais sem precisar reload da página.
+        window.dispatchEvent(new CustomEvent('agenda:settings-saved', { detail: { source: 'jornada' } }));
     } catch (e) {
         toast.add({ severity: 'error', summary: 'Erro', detail: e?.message || 'Falha ao salvar jornada.', life: 3500 });
     } finally {
@@ -1385,7 +1388,7 @@ const jornadaEndDate = computed({
             <div class="anim-child [--delay:120ms] xl:w-[42%] xl:top-4 xl:self-start">
                 <div class="rounded-[6px] border border-[var(--surface-border)] bg-[var(--surface-card)] overflow-hidden shadow-sm agenda-altura">
                     <!-- Header do preview -->
-                    <div class="sticky top-0 z-10">
+                    <div class="sticky top-0 z-10 bg-[var(--surface-card)]">
                         <div class="flex items-center justify-between px-4 py-3 border-b border-[var(--surface-border)]">
                             <div class="font-semibold text-sm">Preview da agenda</div>
                             <div class="flex gap-1">