Refactor: Implement Composable Component Architecture with Design Tokens

[Smartdevs17]

Description\nRefactor frontend component architecture to use design tokens and composition patterns. Current components have hardcoded values and poor reusability.\n\nCurrent Limitation: Hardcoded styles in components, limited prop interfaces.\nExpected Outcome: Token-driven styling with composition primitives for flexible component assembly.\n## Acceptance Criteria\n- [ ] Design token system (colors, spacing, typography, shadows)\n- [ ] Primitive composition components (Box, Flex, Text, Interactive)\n- [ ] Polymorphic component props (as prop)\n- [ ] Responsive token values\n- [ ] Dark mode tokens\n- [ ] Component variant system\n- [ ] CSS-in-JS with zero-runtime options\n- [ ] Component documentation site\n## Technical Scope\n- Files: frontend/components/core, design-tokens, storybook\n- Edge Cases: Token migration, legacy component updates, performance\n## Complexity Estimate\n200 points - Design system, documentation, Storybook setup.

[shoaib050326]

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

Can you please assign this to me

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

[drips-wave]

Congratulations, @shoaib050326! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @shoaib050326: 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 🌊