Entertainment web app, Chakra UI, Firebase, TypeScript

During this challenge first time, I was working with Firebase and Chakra UI.

I had a problem importing provided SVG icons with Chakra UI; because of that, I used icons from react-icons.

When I was implementing Firebase into this project primarily I relied on a youtube guide Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course

You can create a user, log in, update your avatar, and clear your bookmark.

I have noticed that when you upload your avatar and refresh the page the default avatar will show up but when I tested it on my localhost was fine. Any advice on how to fix it will be very appreciated

If you are not logged in and you click on the play button, the login modal will pop up.