[UI] Challenge Card Component

[msbelaid]

Goal

Create reusable PlugCard component.

Requirements

• Previews (small and big numbers, light/dark)
• Screenshots
• Test with different challenges (big numbers)

Figma

https://www.figma.com/design/uYAs8XFheRGrCAcSqTQ5Sb/PlugBrain---Github?node-id=257-843&t=7KnunDd70J6Vgkwn-4

Test

Please add a screenshot test for both light and dark mode

[jd-58]

Hello! I’d like to work on this issue. I'll plan to create a reusable PlugCard component based on the provided figma files, including previews and testing with different challenge sizes to ensure large numbers are formatted correctly.

[msbelaid]

Hey @jd-58, thanks for your interest in working on this!
This task has a dependency on the Button and TextField components. Since the PlugCard will rely on those , we’ll need them to be finalized first.

[msbelaid]

@jd-58 , the required components are ready!
Buttons: PlugButtonPrimary, PlugButtonSecondary
TextFields: PlugNumericalInput
Let me know if you'd like to contribute to this, appreciate your help

[jd-58]

@jd-58 , the required components are ready! Buttons: PlugButtonPrimary, PlugButtonSecondary TextFields: PlugNumericalInput Let me know if you'd like to contribute to this, appreciate your help

Thank you! I have just opened my PR for this issue (linked here).