New feature description

Creates a new phone panel along with a tab switcher for email masks and phone masks.

Screenshot (if applicable)

If user has an active number

Shows the user the active number
Allows the user to copy that number as 3055555555 instead of the way it is rendered
Allows the user to set forwarding/blocking state
Shows user the number they’re forwarding to
Shows user the date the mask was created

If user does not have an active phone number

If user does not have phone premium

Show the user a panel that prompts them to get phone number masking service. CTA takes them to upgrade flow.

If the user is from a NON-US/CA region

Last Comment

[ ] l10n changes have been submitted to the l10n repository, if any.
[ ] All acceptance criteria are met.
[ ] All UI revisions follow the coding standards, and use Protocol tokens where applicable (see /frontend/src/styles/tokens.scss).
[ ] Commits in this PR are minimal and have descriptive commit messages.

lloan commented 7 months ago

rafeerahman commented 7 months ago

@lloan Can you checkout the unresolved comments?