Drawer mobile + footer colado + Menu nomeado + tenant ensureLoaded

Tres ajustes globais nas Melissa Pages com sidebar:

1) FOOTER "Limpar filtros" colado no bottom do drawer mobile

   Problema: o sticky bottom precisa que algum container parent
   tenha altura definida e overflow. No drawer, o `.xx-side` tinha
   `height: auto` — entao o footer ficava no fluxo natural (logo
   apos os cards) mesmo com pouco conteudo, em vez de empurrado pro
   bottom do drawer.

   Fix: `.xx-mobile-drawer__scroll .xx-side` ganha
   `flex: 1; min-height: 0; display: flex; flex-direction: column`
   pra ocupar altura disponivel; o `.xx-side__footer` ganha
   `margin: auto -12px -24px` (margin-top: auto empurra pro fim).
   Sticky bottom continua pro caso de scroll com muito conteudo.

   Aplicado em: Compromissos, Grupos, Tags, Medicos, Conversas,
   Recorrencias, Pacientes (caso especial — separa .mp-side de
   .mp-quick), Cadastros Recebidos, FinanceiroLancamentos.

2) DRAWER MOBILE adicionado em Notificacoes, Documentos e
   Relatorios (estavam com sidebar virando topo via max-height
   50vh — faltava o pattern oficial das demais Melissa Pages).

   Pattern aplicado:
   - Aside host com id="<prefix>-mobile-drawer-target" + Transition
     backdrop com fade
   - Botao "Menu <Secao>" no header (esquerda do titulo)
   - <Teleport :disabled="!isMobile"> envolvendo a sidebar
   - Script: drawerOpen + isMobile + matchMedia listener registrado
     no onMounted, removido no onBeforeUnmount
   - CSS completo: .xx-mobile-drawer (fixed, transform translateX),
     __scroll (overflow + padding), __backdrop (rgba 0.45 + blur),
     overrides quando teleportada (sidebar perde bg/border-right,
     footer vira sticky bottom com margin-top auto)

3) Botao "Menu" passa a ter sufixo da pagina:
   - "Menu Lancamentos" (FinanceiroLancamentos)
   - "Menu Notificacoes" (Notificacoes)
   - "Menu Documentos" (Documentos)
   - "Menu Relatorios" (Relatorios)
   - "Menu Agendamentos" (AgendamentosRecebidos — corrigido tambem)

4) Bug de "lista vazia ao carregar via URL direto":

   FinanceiroLancamentos e Relatorios usam composables que dependem
   de tenantStore.activeTenantId. Quando aberta direto via URL
   (sem navegar pelo menu), o tenantStore pode nao estar inicializado
   ainda — entao fetchRecords() / loadSessions() retornam vazio.

   Fix: adicionar `await tenantStore.ensureLoaded()` no onMounted
   antes do fetch. Ja era pattern usado em outras Melissa Pages
   (Compromissos, etc).

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

src/layout/melissa/MelissaPacientes.vue

@@ -2935,7 +2935,6 @@ function sessaoStatusColor(s) {
    .mp-side__scroll também perde scroll/padding (drawer já tem) e o
    .mp-side__footer vira sticky no bottom do drawer pra manter o
    "Limpar filtros" sempre acessível. */
-.mp-mobile-drawer__scroll .mp-side,
 .mp-mobile-drawer__scroll .mp-quick {
     width: 100%;
     flex-shrink: 0;
@@ -2946,6 +2945,21 @@ function sessaoStatusColor(s) {
     background: transparent;
     padding: 0;
 }
+/* .mp-side ganha flex: 1 pra ocupar altura disponível, com flex column
+   interno — assim o footer sticky é empurrado pro fim do drawer pelo
+   margin: auto, mesmo quando há pouco conteúdo. */
+.mp-mobile-drawer__scroll .mp-side {
+    width: 100%;
+    flex: 1;
+    min-height: 0;
+    overflow: visible;
+    border-right: none;
+    border-left: none;
+    background: transparent;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+}
 .mp-mobile-drawer__scroll .mp-side__scroll {
     flex: none;
     min-height: 0;
@@ -2955,7 +2969,7 @@ function sessaoStatusColor(s) {
 .mp-mobile-drawer__scroll .mp-side__footer {
     position: sticky;
     bottom: 0;
-    margin: 8px -12px -24px; /* compensa o padding do drawer pra ficar de borda a borda */
+    margin: auto -12px -24px; /* margin-top: auto empurra o footer pro bottom + margin lateral compensa o padding do drawer */
     background: var(--m-bg-medium);
     border-top: 1px solid var(--m-border);
     backdrop-filter: blur(24px) saturate(160%);