Ao clicar para editar um item colocar o campo em foco (o cursor no campo). Colocar logo abaixo de mostrarItem() no evento de escuta do editarItem.
//Código omitido
let focarCampoItem
focarCampoItem = document.querySelector(`[data-value="${itemAEditar}"] input[type="text"]`)
focarCampoItem.focus()
//Código omitido
Também coloquei o código js em módulos. Segue o github: https://github.com/Cruz-Andre/listaDeCompras
A propósito: excelente curso