feat(web): guia do painel com botão ⓘ em cada seção

Um ⓘ ao lado do título de cada seção (Ao vivo, Vida, Eventos, Ajustes,
Reações, Conversa, Movimento) abre a explicação daquela parte: o que faz
cada opção, onde fica e uma dica. No cartão Vida também há ⓘ para
humores, cuidados e ritmo. O ⓘ do topo explica a tela atual.

A página Guia (#/guia) junta todos os 21 tópicos em ordem de tutorial,
com índice e busca; cada tópico também aparece no Ctrl+K e há atalho em
Ajustes › Sistema.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/lib/componentes/Card.svelte

@@ -1,8 +1,11 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  let { titulo = '', descricao = '', acoes, children, class: classe = '' }: {
+  import Ajuda from './Ajuda.svelte';
+  let { titulo = '', descricao = '', ajuda = '', acoes, children, class: classe = '' }: {
     titulo?: string;
     descricao?: string;
+    /** Tópico do guia: mostra um ⓘ ao lado do título. */
+    ajuda?: string;
     acoes?: Snippet;
     children: Snippet;
     class?: string;
@@ -13,7 +16,7 @@
   {#if titulo || acoes}
     <header>
       <div>
-        {#if titulo}<h2>{titulo}</h2>{/if}
+        {#if titulo}<h2>{titulo}{#if ajuda}<Ajuda topico={ajuda} />{/if}</h2>{/if}
         {#if descricao}<p class="fraco pequeno-texto">{descricao}</p>{/if}
       </div>
       {#if acoes}<div class="linha">{@render acoes()}</div>{/if}