Pelo oque vc falou uma das solução seria essa adicione onclick="removeimg(this)"
nas img quando for mostrar e crie essa nova função
function removeimg(el){
//prgar src clicado
var src = el.src;
//prgar item do storege
storege =JSON.parse(localStorage.getItem('favorites'));
let newimg= false;
//foreache nos item
storege.forEach(img=>{
if(src != img){
if(!newimg){
newimg = [img];
console.log(newimg);
}else{
newimg.push(img);
}
}
});
//salvar as imagem que ele não clicou no favorito
localStorage.setItem('favorites', JSON.stringify(newimg))
atualizardiv();
}
mudando a função updateFavoritos
function updateFavorites() {
const { existsInLocalStorage, index, imageSource } = getState()
// existsInLocalStorage
// ? favorites.splice(index, 1)
// : favorites.push(imageSource)
let quantidade = favorites.length;
if(quantidade>0){
favorites.push(imageSource)
localStorage.setItem('favorites', JSON.stringify(favorites))
}else{
favorites=[imageSource];
localStorage.setItem('favorites', JSON.stringify(favorites))
}
}
//atualizar a div quando remover a imagem
function atualizardiv(){
$('.modal').innerHTML='';
$('.modal').innerHTML=' <h3>Clique <span id="remove">aqui</span> para remover todas as imagens</h3>'+
' <span class="X" draggable="true">×</span>';
storege =JSON.parse(localStorage.getItem('favorites'));
storege.forEach(img=>{
$('.modal').innerHTML= $('.modal').innerHTML+'<img src="'+img+'" onclick="removeimg(this)"/>';
});
}