[GoodID-UI] - GoodID Card

[L03TJ3]

Business description

The GoodId card is used to show a user any data where a certificate has been given out for by the GoodDollar protocol.

Design reference

Complete design: https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product-%F0%9F%92%B5?type=design&node-id=12308-14680&mode=design&t=AVvxWSGVkZj5B023-4

Design preview:

Technical implementation

The card will be used in different flows and screens.

1. The onboard flow
2. The segmentation flow
3. Gooddapp post-upgrade good-id page

Acceptance Criteria

• [x] - should show the verified data of a GoodID verified user
• [x] - should show expiration date of their face-id
• [x] - should match design as defined in figma
• [x] - should implement the useAggregatedCertificates hook

[vldkhh]

verified on storybook