not able to show uploaded images on my screen despite images getting uploaded to cloudinary

I have a beginner app, it's a react beginner project to add music , a simple form and GUI to display it. the form collects different data and sends it to the backend where mongodb is hooked, however inside the form I have the cloudinary input, I am trying to eiter update the state with the image selected and move data between two states, or I need to find a way to upload the image with the form that wouldn't overwrite the other ones, appreciate your help

github repo : front end and backend. front end I guess is more relevaant here but just in case
https://github.com/moeabraham/Muzika-FE
https://github.com/moeabraham/Muzika-BE