Summary:

1. The user should be able to change his password.
2. The user should be able to update the first name and last name. Email is not editable and hence should be shown in disabled mode.
3. The photo should not be more than 1 MB
4. Email preferences when disabled, turn off email alerts to the user, except from essential emails like forgot password, reset password.

When showing errors or success messages please refer to Flowbite documenation

https://flowbite.com/docs/forms/input-field/

https://flowbite.com/docs/components/alerts/

User Story 1: As a user, I should be able to change my name and profile picture

Summary

As a user, I should be able to change the profile information such as first and last name including the profile picture associated with the account. Users involved are super admin, admin, member, and editor.

Acceptance Criteria

1. Once the account is created through admin/ super admin/ backend, users can change their personal information except email
2. Users can navigate to the “My Profile” option from the dropdown menu by clicking on the profile picture on the right
3. Users can upload a profile picture of less than 1 MB as it helps in identifying various users
   1. An edit icon appears on the default profile image on hover. Right now design does not show an edit/delete button for profile images but let's assume it becomes visible when the user hovers over the image.
   2. After successfully selecting an image through the gallery, the image is changed once the user clicks on the upload button. If users click on cancel then it reverts to the default picture (previously saved picture when users already have profile image)
   3. Users can click on the delete button on the profile image to return to the default profile image
   4. Deletion of profile image requires confirmation
4. By default, all the saved information is visible to the user. Email is noneditable
5. Users can update their first and last name