#7720529 Users management: Update users profiles

Proposed Changes

• User details screens adjustments
  • Added formatted header above the user details screens
  • Added CTA buttons (moved from list item)
  • Adjusted team member details page (replace radio buttons with dropdown)
  • Created subscriber user details screen with a new dedicated route /people/subscribers/{site_slug}/{id}
• List item adjustments
  • Adjusted badge background colors
  • Got rid of the CTA button from list the list item component
• Team tab content adjustments
  • Created accepted invites block and placed it below the pending
  • Hide pending and accepted invites if there are no invites

Design proposal: pbAok1-3rs-p2

Some stuff is hidden behind the feature flag; if you want to test it with the direct link, provide the flag with query param: ?flags=user-management-revamp

Testing Instructions

Subscribers tab:

• Go to /people/subscribers/{site_slug}
• Check the design of the list item components
• Check if there are label distinctions between the Follower and Email subscriber
• Select on the item
• Check the User details screen (it’s the new component)

Team tab:

• Click on the Team tab
• Add team members
• Check pending invites block
• Accept the invite you made
• Check the accepted invites block

Screenshots

Before:	After:

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the “[Status] String Freeze” label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
• For changes affecting Jetpack: Have we added the “[Status] Needs Privacy Updates” label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

Related to #70698