Description

Update the profile widget in the application to display only the user's profile picture. The profile picture should be retrieved from the Firebase auth object. The user's name and title should be removed from the profile widget.

Requirements

• Profile Picture: Display the user's profile picture using the URL from the Firebase auth object.
• Remove Text: Remove the user's name and title from the profile widget.

Steps to Implement

1. Retrieve Profile Picture

   • Access the profile picture URL from the Firebase auth object.
   • Ensure the URL is used to display the profile picture in the profile widget.

2. Update Profile Widget

   • Modify the profile widget to remove the display of the user's name and title.
   • Ensure only the profile picture is visible in the widget.

3. Testing

   • Verify that the profile picture is correctly displayed using the URL from the Firebase auth object.
   • Confirm that the user's name and title are removed from the profile widget.

Additional Notes

• Ensure the profile picture updates correctly when the user's Firebase auth profile changes.
• Consider adding a placeholder image for users without a profile picture.

Linked Issue

• This issue is blocked by issue Add Authentication Pages using FirebaseUI #340.

References

• Firebase Auth Documentation
• Next.js Documentation
• Tailwind CSS Documentation