Develop the Account Info page where users can view and update their personal details.
Requirements:
Profile Picture:
Display the user's profile picture.
Option to update or upload a new picture.
Username:
Display the user's username.
Name:
Display the user's full name.
Allow editing the name field.
Email:
Display the user's email address.
Current City:
Display the user's current city.
Allow editing the current city field.
Update Details Button:
Include an "Update Details" button at the bottom of the form.
When clicked, it should allow the user to submit any changes to the Name and Current City fields.
Ensure proper form validation with React Hook Form.
Overview:
Develop the Account Info page where users can view and update their personal details.
Requirements:
Profile Picture:
Display the user's profile picture. Option to update or upload a new picture.
Username:
Display the user's username.
Name:
Display the user's full name. Allow editing the name field.
Email:
Display the user's email address.
Current City:
Display the user's current city. Allow editing the current city field.
Update Details Button:
Include an "Update Details" button at the bottom of the form. When clicked, it should allow the user to submit any changes to the Name and Current City fields. Ensure proper form validation with React Hook Form.