Add "Edit Details" Functionality in User Profile Section

Description : The user profile section currently lacks the ability for users to edit their personal details (such as name, email, phone number, etc.). This functionality is crucial for allowing users to update their information without needing to contact support or administrators.

Suggested Change: Since the user profile is presented in a popup, the best solution for implementing the "Edit Details" feature would be to leverage the existing popup with a few key improvements:

1. add an edit button to the popup.
2. When the user clicks "Edit," the fields should transition from a read-only state to an editable form.
3. Once the fields are editable, display Save and Cancel buttons at the bottom of the popup.
4. Add basic functionalities to the Save and Cancel Buttons