Storing and retrieving profile picture in Firebase or any other possible methods

I have checked the forums and read these post but I still can’t figure out how.
https://community.kodular.io/t/help-in-profile-picture-firebase-authentication-and-round-picture/71060
https://community.kodular.io/t/firebase-authentication-profile-picture-url-permanent-or-temporary/24310/8
https://community.kodular.io/t/image-is-not-loading-from-firebase-authentication-profile-picture-url/62216/35
https://community.kodular.io/t/image-is-not-loading-from-firebase-authentication-profile-picture-url/62216/22?page=2

So basically my workflow is to allow users to sign-in using their work Gmail account. Next they can upload their preferred profile photo. These are to be stored in Cloudinary and a unique URL is generated. and supposed to be stored in Firebase but the URL has ("\") in between…

Anyway when a user logs out and logs-in again, I want the same photo they uploaded retrieved from Cloudinary (or Firebase)

Here are my relevant blocks (have disabled some blocks as they were ruining my expected behaviour)


image
image

I had spent my weekends on this, please help :frowning:

Here is a screen record of the app