[ Feat : Enable Profile Image Upload or a Default Gravatar in User Dashboard ]

[rohitPandey469]

Is your feature request related to a problem? Please describe.
Currently, I am unable to find an option to upload a profile image for the user when using the Codelabz User ID. The photoURL field is empty, and I would like to address this by adding a feature in "http://localhost:5173/user-dashboard/profile." The goal is to provide a user-friendly option for users to upload their profile images. After storing the image in the Firebase bucket, the URL will be saved to the Firestore database.

Describe the solution you'd like
I propose adding a button or an option in "http://localhost:5173/user-dashboard/profile" that allows users to upload their profile images. This feature will handle the process of storing the image in the Firebase bucket and updating the photoURL field in the users' collection with the generated URL.

Describe alternatives you've considered
Alternatively, we could implement a default value for the photoURL field, similar to the Avatar in the Navbar. A Gravatar could serve as a cool default image for users who haven't uploaded their own profile picture.

Additional context
Implementing a default value for the photo URL, such as a Gravatar, can enhance the visual appeal of user profiles. This default value can be dynamic by utilizing the profileData in the Profile page, providing a seamless and personalized experience for users.

[rohitPandey469]

@rajutkarsh07 @lokeshwar777 sir,
I've identified that the previous profile setup (old index.jsx) utilizing the Profile Info Card has already implemented much of the required functionality, such as integrated image uploads and profile editing options. It appears that there was an attempt to update the UI for the "http://localhost:5173/profile" page. Therefore, I am considering reusing the existing code and incorporating an additional feature for editing the profile at "http://localhost:5173/user-dashboard/profile". What are your thoughts on this approach???