Create User Profile Page where user can see their own information

[akshar2223]

I've pushed the code in this branch for userprofile page.

[akshar2223]

Description:

Create a user profile page that allows users to view and manage their personal information, including their contact details, profile picture, rental history, and any saved properties. The goal is to provide a centralized location for users to manage their account details and view their interactions with the platform.

Acceptance Criteria:

1. User Information:
   • Display user's name, email, phone number, and profile picture.
2. Editable Fields:
   • Allow users to update their name, email, and phone number.
3. Profile Picture:
   • Enable users to upload or change their profile picture.
4. Rental History:
   • Show a list of properties the user has rented or inquired about.
5. Saved Properties:
   • Display properties the user has saved for future reference.
6. Security Settings:
   • Provide options to change the password and manage security settings.
7. Responsive Design:
   • Ensure the profile page is responsive and works well on both desktop and mobile devices.

     Tasks:

8. Design Wireframes:
   • Create wireframes for the user profile page layout.
9. Develop HTML/CSS:
   • Implement the layout using HTML and CSS, ensuring responsiveness.
10. Fetch User Data:
    • Integrate with the backend to fetch and display user information.
11. Edit User Information:
    • Implement functionality to update user information and profile picture.
12. Rental History Integration:
    • Fetch and display the user's rental history from the backend.
13. Saved Properties Integration:
    • Fetch and display properties saved by the user.
14. Security Settings:
    • Develop a section for managing security settings, including password changes.
15. Test UI:
    • Perform user testing to ensure the page is user-friendly and meets all acceptance criteria.