Oi, Tauari, tudo bem?
Os dados que você está adicionando nos cards não estão sendo persistidos após a atualização da página (F5) porque, o objetivo é apenas manipular o estado do componente em tempo de execução. Quando você atualiza a página, o estado do componente é reiniciado e todos os dados que foram adicionados são perdidos.
A persistência de dados não é algo que o React faz automaticamente. Para persistir os dados, você precisará usar uma base de dados ou algum tipo de armazenamento no lado do cliente, como o LocalStorage do navegador.
Caso queira saber mais sobre o LocalStorage, temos este curso que pode ajudar a entender melhor como usá-lo.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!