Create `Card` Component

[codebestia]

Nearly every page (sign-in-client.tsx, register-client.tsx, dashboard/page.tsx) repeats the same rounded-lg border bg-card p-6 shadow-sm (or p-8) container class string manually.

Requirements:

• Build src/components/ui/card.tsx with Card, CardHeader, CardTitle, CardDescription, and CardContent subcomponents, following shadcn/ui conventions and using cn().

Acceptance Criteria:

• The container in dashboard/page.tsx and the form wrapper in sign-in-client.tsx are refactored to use Card with no visual change.

[legalienn]

@legalienn has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi Maintainer,

I’m a full-stack developer, and I’d like to contribute to the task. I’ll implement it carefully and efficiently thoroughly understand requirements and edge cases
Communicate promptly about suggestions or improvements. And I will provide regular progress updates and address blockers
Align with project goals through feedback and clarification.

Thank you,

ℹ️ Repo Maintainers: To accept this application, review their application or assign @legalienn to this issue.

[peternnadi1999]

@peternnadi1999 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi! I'd like to work on #88 – Create Card Component.

I have experience building reusable React/TypeScript UI components following shadcn/ui patterns. I'll create a reusable Card component with Card, CardHeader, CardTitle, CardDescription, and CardContent using cn() for styling composition. I'll then refactor the containers in dashboard/page.tsx and sign-in-client.tsx to use the new component while preserving the existing appearance and behavior, ensuring the implementation is clean, reusable, and consistent with the project's design system.

Looking forward to contributing!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @peternnadi1999 to this issue.

[Depo-dev]

@Depo-dev has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello team.

I’m Depodev, a software engineer with a strong background in building scalable systems and contributing to open-source projects. I’ve taken some time to go through the repository and understand the current implementation, and I’m clear on the issue, its context, and the expected outcome.

I’d love to work on this and take ownership of the fix. I’m confident I can cleanly resolve it while keeping everything aligned with the existing codebase and ensuring all criteria are met. Would appreciate being assigned to this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Depo-dev to this issue.

[drips-wave]

Congratulations, @Depo-dev! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @Depo-dev: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox!

@Depo-dev's PR #142 was approved and merged by @codebestia.

🏆 @Depo-dev: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (436 total points). Track your full progress on GrantFox.

👏 Great work, @Depo-dev! Keep contributing to ShadeProtocol.