116 goodid card

[L03TJ3]

Description

We want to display a GoodID component showing all the verified credentials and any data associated with someone's GoodID.

• [x] add a goodid component aligned with design specs
• [x] adds an story with mocked data
• [x] add inline styles where applicable as theme

About # (link your issue here)

116

Design

(Note: everything should be aligned with the figma. Fonts here might display different but that is issue with the tool we use to create examples. In a real app fonts are aligned.)

How Has This Been Tested?

Please describe the tests that you ran to verify your changes.

Checklist:

• [ ] PR title matches follow: (Feature|Bug|Chore) Task Name
• [ ] My code follows the style guidelines of this project
• [ ] I have followed all the instructions described in the initial task (check Definitions of Done)
• [ ] I have performed a self-review of my own code
• [ ] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] I have added reference to a related issue in the repository
• [ ] I have added a detailed description of the changes proposed in the pull request. I am as descriptive as possible, assisting reviewers as much as possible.
• [ ] I have added screenshots related to my pull request (for frontend tasks)
• [ ] I have pasted a gif showing the feature.
• [ ] @mentions of the person or team responsible for reviewing proposed changes

[sirpy]

@L03TJ3 why are fonts not correct? that seems like it should be solvable

[L03TJ3]

@sirpy forgot to update that note but already found the fix yes: https://github.com/GoodDollar/GoodWeb3-Mono/pull/129/commits/86e79534035558cd3ee3a60eb383ca5a245ffbe2