melissa/settings+ajuda: fechar ao clicar fora

Popover Personalizar (cog) e drawer de Ajuda agora fecham quando o
user clica em qualquer lugar fora do panel. Listener mousedown em
capture, watch em open pra anexar/desanexar; ignora o proprio botao
trigger (data-ajuda-toggle pro ajuda; cogBtnEl ref pro settings) pra
nao fazer close+reopen. Tambem flipa o panel do settings de top-12
pra bottom-12 (cog agora vive no bottom da .melissa-tray).

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

src/layout/AppTopbar.vue

@@ -620,8 +620,9 @@ onMounted(async () => {
                 <NotificationDrawer />
             </div>
 
-            <!-- Ajuda -->
-            <button type="button" class="rail-topbar__btn" :class="{ 'rail-topbar__btn--active': ajudaDrawerOpen }" :title="ajudaDrawerOpen ? 'Fechar ajuda' : 'Ajuda'" @click="toggleAjuda">
+            <!-- Ajuda — data-ajuda-toggle ignora este botao no
+                 click-outside do AjudaDrawer (senao fecha + reabre). -->
+            <button type="button" class="rail-topbar__btn" :class="{ 'rail-topbar__btn--active': ajudaDrawerOpen }" :title="ajudaDrawerOpen ? 'Fechar ajuda' : 'Ajuda'" data-ajuda-toggle @click="toggleAjuda">
                 <i class="pi pi-question-circle" />
             </button>
 

src/layout/melissa/MelissaSettingsPanel.vue

@@ -125,7 +125,7 @@ function onClearBg() {
 </script>
 
 <template>
-    <div class="glass-panel mp-panel absolute top-12 right-0 w-72">
+    <div class="glass-panel mp-panel absolute bottom-12 right-0 w-72">
         <!-- Cabecalho fixo -->
         <header class="mp-head">
             <div class="mp-head__title">