Implement of user profile page

[Chiaraliz]

Key Changes:

1. Header Component

   • Completed Header: Finalized the header component for the User Profile page. The header includes user-specific elements such as username, and navigation links, ensuring a consistent design across the application.

2. Footer Component

   • Completed Footer: Designed and implemented a footer section for the User Profile page.

3. User Profile Edit Form

   • Completed User Profile Edit UI: Added a fully functional and styled user profile edit form. This form allows users to view and update their personal information such as name, email, and contact details in an intuitive and user-friendly interface.

4. Subscription Management Link

   • Added Subscription Management Portal Link: Integrated a link within the user profile page that redirects users to the subscription management portal, enabling them to manage their subscription plans directly from their profile.

Testing:

• Verified the header and footer components render correctly and consistently across different devices and screen sizes.
• Tested the user profile edit form for data input, validation, and submission to ensure users can update their profile information without issues.
• Confirmed the subscription management link properly redirects users to the subscription management portal.

Summary:

This Pull Request implements the User Profile Page, including the header, footer, user profile edit form, and a subscription management portal link. The updates ensure a cohesive user experience for viewing and updating personal information, while also providing quick access to subscription management.

[ZaneCodeJourney]

The user profile edit form and subscription management link add great functionality, and the layout feels cohesive across the app.

[FrogCai66]

Thanks for hard work!