listar.js

function retreiveClients() {
  const clients = []
  const keys = Object.keys(localStorage)
  let i = keys.length

  while (i--) {
    if (keys[i].endsWith(']')) {
      const client = localStorage.getItem(keys[i])
      console.log(client)
      if (localStorage.getItem(`nutripuc:account[${client}]-loginType`) === 'paciente') {
        clients.push(client)
      }
    }
  }

  console.log(clients)
  return clients
}

const pacientes = retreiveClients()
const listaDePacientes = document.querySelector('.lista-de-pacientes')
pacientes.forEach((paciente) => {
  console.log('funcionando')
  const email = paciente
  const nomeDoPaciente = localStorage.getItem(`nutripuc:account[${paciente}]-nomeCompleto`)
  const dataDeRegistro = localStorage.getItem(`nutripuc:account[${paciente}]-registerDate`)
  const telefone = localStorage.getItem(`nutripuc:account[${paciente}]-phone`)
  const dataDeNascimento = localStorage.getItem(`nutripuc:account[${paciente}]-birthDate`)

  const cardDoPaciente = document.createElement('div')
  cardDoPaciente.classList.add('patientCard')

  const elementoDoNome = document.createElement('h5')
  const elementoDoEmail = document.createElement('span')
  const elementoDaDataDeRegistro = document.createElement('span')
  const elementoDoTelefone = document.createElement('span')
  const elementoDaDataDeNascimento = document.createElement('span')

  elementoDoNome.textContent = nomeDoPaciente
  elementoDoEmail.textContent = email
  elementoDaDataDeRegistro.textContent = dataDeRegistro
  elementoDaDataDeNascimento.textContent = dataDeNascimento
  elementoDoTelefone.textContent = telefone

  cardDoPaciente.appendChild(elementoDoNome)
  cardDoPaciente.appendChild(elementoDoEmail)
  cardDoPaciente.appendChild(elementoDoTelefone)
  cardDoPaciente.appendChild(elementoDaDataDeRegistro)
  cardDoPaciente.appendChild(elementoDaDataDeNascimento)

  listaDePacientes.appendChild(cardDoPaciente)
})