Sem o zerar, ao mudar para descanso, o timer não é interrompido. Dessa forma ficou com o comportamento parecido com o site do pomodoro. Bons estudos, pessoal!

function alterarContexto(contexto) {
    mostrarTempo();
    botoes.forEach(function (contexto) {
        contexto.classList.remove('active');
    });
    html.setAttribute('data-contexto', contexto);
    banner.setAttribute('src', `imagens/${contexto}.png`);
    switch (contexto) {
        case "foco":
            zerar();
            titulo.innerHTML = `Otimize sua produtividade,<br><strong class="app__title-strong">mergulhe no que importa.</strong>`
            break;
        case "descanso-curto":
            zerar();
            titulo.innerHTML = `Que tal dar uma respirada?<br><strong class="app__title-strong">Faça uma pausa curta.</strong>`
            break;
        case "descanso-longo":
            zerar();
            titulo.innerHTML = `Hora de voltar à superfície.<br><strong class="app__title-strong">Hora de fazer uma pausa longa</strong>`
            break;
        default:
            break;
    }
}