[BR] Account Page

Purpose

• Since we are adding a profile picture in zuumanity profile page, we need a place for the user to upload their picture on the account page.

Account Page

1. Zuumanity Level Gauge

   1. This is the gauge we show on zuumanity profile page.

   2. This shows where the user is at in his zuumanity level

2. Profile Picture

   1. Display profile picture here

   2. If the user hasn’t uploaded the picture, we display the profile icon

      1. Please download the asset here

3. User Name and Rank

4. Update Profile Picture Button

   1. This is where the user uploads a profile picture

   2. You will get a modal to upload it

5. Personal Information Section

   1. First Name

   2. Last Name

6. Role

   1. This will be static text

   2. Only managers are able to assign the roles for the users in the user page

7. Contact Information

   1. Email address

   2. Phone number

8. Password

   1. This is where the user reset the password

9. Reset Password Button

   1. This button will give you new fields to change the password

   2. Design: here