Add User Management Panel/Identifier List to the UI Components.

[Adam3371]

Why

This is a follow-up ticket for the "Add API endpoints for user management panel (identifier verification)" ticket.

We developed on Figma a User Management Panel/Identifier List Component. This panel should allow to add, delete and edit user's identifier and information.

BEFORE YOU START:

• Name can only be added or edited, but not deleted.
• Username can only be added or edited, but not deleted.
• Email and Phone can only be added, deleted, verified or set as primary, but not edited.
• Socials can only be deleted but not added or edited.
• User management panel only shows activated identifer. (e.g. if phone is not activated, don't show that phone section)

Check out the NOTION and the FIGMA pages.

TODOs

• Implement the User Management Panel for Mobile according to this Figma draft.
• Implement the User Management Panel for Desktop according to this Figma draft. For themes, colors or any other uncertanty, refere to the mobile version, that is far more elaborated.
• (If desired by stakeholders) Add mobile responsiveness for screens between Desktop and Mobile according to this figma draft.
• Note that the identifier list component should look as similar as possible to the passkey list component

For additional uncertainties try to come up yourself with a solution or ask @incorbador

Acceptance criteria

• User management panel looks like in the Figma drafts, can be used as in the Figma prototypes and contains all the functionalities of the Notion file.

Implementation idea

Here you can write down an implementation idea how you would implement this issue (where do put this feature like in what domain, what service, what layer, naming/key of the feature in the code).