localStorage remplace les items existants

Bonjour,

J'en ai marre que l'on me rajoute une couche de pub quand j'écoute la radio via une application alors j'ai décidé d'en créer une et tout fonctionne sauf l'ajout aux radios favorites via le locaStorage qui sauvegarde bien 1 radio mais si j'en sélectionne une autre, elle écrase la précedente :

function updateFavoritesUI(favorites) {
  var favoritesContainer = document.getElementById('radios-favorites');
  favoritesContainer.innerHTML = ''; // Effacer le contenu actuel

  favorites.forEach(function (favorite) {
    // Créer et ajouter la nouvelle carte favori à l'interface utilisateur
    var newFavoriteCard = document.createElement('div');
    newFavoriteCard.classList.add('card', 'ps-0', 'pe-0', 'swiper-slide');

    var favoriteCardContent = `
      <div class="card__image">
        <img class="img-fluid" src="${favorite.image}" alt="Radio">
      </div>
      <div class="card__content">
        <span class="card__title mt-1">${favorite.title}</span>
        <audio data-src="${favorite.audioSrc}"></audio>
      </div>
    `;

    newFavoriteCard.innerHTML = favoriteCardContent;
    favoritesContainer.appendChild(newFavoriteCard);
  });
}

function saveFavoritesToStorage(favorites) {
  localStorage.setItem('radioFavorites', JSON.stringify(favorites));
}

[(https://www.cjoint.com/doc/24_01/NAoq7ZQEME7_localStorage.png)]

Je vous remercie pour votre aide