As an admin user, I want to be able to click on a non-admin user card to edit their details, such as their first name, last name, and role, ensuring that user information is accurate and up-to-date.

[dlsrysju]

Acceptance Criteria:

1. Given that I am logged in as an admin user, when I click on a non-admin user card, then I should have the option to edit their details such as their first name, last name, and role.
2. Any changes made should be reflected across the system in real-time.

Acceptance Criteria:

• When the user clicks the non-admin user card, then it should have the option to edit their details such as their first name, last name, and role.
• Changing the user’s details such as their first name, last name and role should be reflected across the system real-time.

Test:

• Click on a non-admin user card as an admin user to access their profile details.
• Verify that the user can edit the first name, last name, and role fields for the non-admin user.
• Save the changes and ensure that the user information is updated accurately in the system.
• Validate that the updated details reflect correctly when viewing the non-admin user list again.

[dlsrysju]

Front-End:

• Add edit option on the user's profile
• Ensure that the edit option is only visible for admin users and non-admin users should not have the edit option
• Upon clicking the edit option, it should display the form which includes the first name, last name, and role fields.
• Implement front-end functionality to reflect changes in user details in real-time once saved

Back-End:

• Fetch the user's data (details) from the database
• Validate the roles of the users
• Implement a function that updates user's details from the front-end and database