Melissa Agenda: breakpoint compact + drawer mobile teleportado

Dois pontos de quebra agora:
- <xl (<=1279px) "compact": view-switcher (Dia/Semana/Mes/Lista) sai da
  toolbar e entra no menu "Acoes" com check icon no ativo. Filtros
  tambem migram pra dentro pra nao inflar a barra.
- <lg (<=1023px) "mobile": .ma-side e .ma-widgets viajam pra fora do
  .ma-page via Teleport, num <aside class="ma-mobile-drawer"> sempre
  presente no DOM (v-show controla display) — garante target valido
  desde o mount. Botao "Menu" mobile-only aparece a esquerda do header.
  Backdrop entre drawer e .ma-page com Transition de fade.

Bonus styles.scss: fix borda dupla do FullCalendar.
.fc-scrollgrid em light mode mantinha borda externa que somada com a
borda das celulas da ponta dava 2px na borda do calendario. Zera o
contorno do contairner — celulas (td/th) ja desenham a grade visual.

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

src/assets/styles.scss

@@ -279,13 +279,18 @@
     background: var(--surface-hover);
 }
 
+/* Bordas do FullCalendar — solução pra "borda dupla":
+   - células (td/th) MANTÊM a borda → forma a grade visual
+   - contêiner .fc-scrollgrid ZERA → sem isso, a borda externa fica
+     dobrada (1px do contêiner + 1px da célula da ponta = 2px na borda) */
 .app-dark .fc-theme-standard td,
 .app-dark .fc-theme-standard th {
     border: 1px solid var(--surface-border);
 }
 
+.fc-theme-standard .fc-scrollgrid,
 .app-dark .fc-theme-standard .fc-scrollgrid {
-    border: 1px solid var(--surface-border);
+    border: none;
 }
 
 .app-dark .fc-timegrid-event-harness-inset .fc-timegrid-event,