Edit Member Profile

Value Proposition

As a registered user and a family member,

I want to be able to edit my profile data on my profile page,

so that I can manage my personal information.

On user's profile page from registered user, there should be an "Edit" button for profile image and an "Edit" button for name and role.
Clicking on the "Edit" button for image should expand the form to upload a new image with cloudinary.
Clicking on the "Edit" button for name and role should show a form where the user can update their profile data.
After selecting an image but before uploading, there should be a preview of the selected image, allowing user to confirm that
they have selected the correct image before uploading.
Saving the changes should update the profile data in the backend and reflect the changes on the profile page.
User should receive a confirmation message indicating that their profile has been updated successfully.
The profile editing features should be responsive, ensuring they work correctly on various devices and screen sizes.

[ ] create branch feature/edit-profile
[ ] create an "Edit" button for the profile image (only for the current user)
[ ] implement logic to show and hide the image upload form when clicking the "Edit" button
[ ] create an "Edit" button for the member's name and role (only for the current user)
[ ] implement logic to open a modal window with MemberForm with prefilled fields when clicking the "Edit" button
[ ] style the features responsive