Edit profile form

[KatiaGhezali]

Task title

Implement User Data Update Form with Firebase Integration

Task description

Create a user data update form that integrates with Firebase. Users should be able to update their information, and the changes should be reflected both in Firebase Authentication and Firestore. Implement loading state during the update process and display feedback messages on success or failure.

Subtasks

• Create the initial EditForm component.
• Integrate Firebase Authentication and Firestore.
• Implement the ability to update the user's display name and photo URL in Firebase Authentication.
• Update user data in Firebase with the provided information.
• Validate password and confirm password match.
• Implement loading state during the update process.
• Display success or error messages.
• Disable the submit button during the update process.

Screenshots

Link to the component on Figma

Edit profile Form