User Admin Panel and JWT Token Management

Context

The main subsequent goal is to manage JWT tokens, which are used to identify the user to whom a message is addressed.

Server requests for working with users already exist. As part of the first stage, do not refactor the user backend.

First Stage — To Be Completed Now

Create a user management admin panel:

• user list;
• "Add user" action;
• ability to open a user card;
• user editing;
• use existing GraphQL queries and mutations;
• add client-side GraphQL operations and regenerate types.

UI-kit

Along the way, start building a custom ui-kit on top of the already installed React Aria:

• use React Aria as a headless foundation;
• implement each UI component required by the application as a separate component in ui-kit;
• immediately add a Storybook story for each new component;
• use components from ui-kit in product screens rather than React Aria directly.

Next Stage — JWT Tokens

Following the user admin panel, add management for JWT tokens intended to identify the user to whom a message is sent. Do not mix this task with the existing login and session logic.

Technical Notes

• Hot reload is already working, no separate configuration is needed.
• React Aria is already installed.
• User CRUD backend already exists.

First Stage Acceptance Criteria

From the interface, the administrator can view users, add a user, open an existing user, and modify their data. Client-side GraphQL operations have been added, types are successfully regenerated, and the UI elements used are structured via ui-kit and have Storybook stories.