Integrated Account Page: User Profile, Security, and Personal Data Management

[CoffeePatch]

We need a centralized account page that allows users to view and manage all aspects of their account in one place. The page should provide access to:

• Personal information (name, email, username, etc.)
• Email management (view, add, update, verify emails)
• Password and security (change password, enable two-factor authentication, login activity)
• Preferences and settings (notification preferences, language, theme, etc.)
• Content lists (watch lists, ratings, and other user-generated lists)
• Account information (subscription status, billing history, data export, delete account)

The goal is to give users a cohesive and secure interface to review and update their data with clear actions, proper validation, and strong accessibility.

Acceptance Criteria

• A single “Account” or “Profile” page accessible from the main navigation.
• Personal information section allows viewing and updating fields like name, email, and username with validation and success/error feedback.
• Email management:
  • Add and verify additional email addresses.
  • Set primary email and update it securely.
  • Show verification status for each email.
• Password and security:
  • Change password with current password verification.
  • Optional: enable/disable two-factor authentication.
  • Display recent login activity with timestamp and device information.
• Preferences and settings:
  • Notification preferences (email, push, in-app), language, and theme settings.
  • Save/cancel behavior with clear success messages.
• Lists and content:
  • View and manage Watch Lists with items, reorder, and remove actions.
  • View rating history and allow editing/removal of ratings if applicable.
• Data and privacy:
  • View subscription/billing status and recent invoices.
  • Data export (download a copy of user data) and account deletion workflow with confirmation.
• Accessibility:
  • Keyboard navigable, proper focus states, and aria-live regions for updates.
• Security and validation:
  • All sensitive actions require re-authentication or current password confirmation where appropriate.
  • Proper input validation and error handling, with clear inline messages.
• Frontend/Backend integration:
  • API endpoints for GET/PUT/PATCH on user profile, emails, security settings, lists, and data export/deletion.
  • Consistent error handling and loading states.
• Testing:
  • Unit tests for form validation and state management.
  • End-to-end tests covering profile update, email management, password change, and data export/deletion flows.