Oi, gostária de entender melhor do por que devemos limpar o lista.innerHTML no script carregaTarefa.js para ele não aparecer 2 vezes quando for criado.
export const carregaTarefa = () => {
const list = document.querySelector('[data-list]')
const tarefasCadastradas = JSON.parse(localStorage.getItem('tarefas')) || []
/*=====>*/ list.innerHTML = " " // <=====
tarefasCadastradas.forEach((tarefas) => {
list.appendChild(Tarefa(tarefas))
})
}