As a user, I want to view and edit Personal information so that I can manage my detail information to show others

Acceptance Criteria

• user should be able to see their personal details such as full-Name, email, address, etc., displayed in a personal page.
• user should have an page to edit any of their details, like full-Name, email, address, etc.
• user Details should be editable, and changes can be saved after modification when you seek the personal details page.
• user should have the button to cancel changes before saving and revert to the previous information.
• user should should have a clear button to save changes.
• if the user enters invalid data (like an incorrectly formatted email), an error message should be displayed.
• the user’s personal data should only be viewable and editable by themselves, unless admin
• (optional) user can see the matches in the detail page

Task

• create html by Thyemleaf and CSS structure
• display details on a personal page
• create a personal details editing page
• make user details editable
• add a cancel button to revert changes
• add a save changes button
• implement validation and error messaging
• user privacy and access control
• (optional)display own matches on the Personal Page