Create Page for Staking and Smart Contract Integration

[pratiksardar]

For all Buyers ,create a Staking page

DoD:
[ ] Staking Page should list all Products that User has bought
[ ] Staking Page should Allow user to Stake a Bought product on RB
[ ] Once a RWIP is staked then it should be displayed in Staked Products section
[ ] Staked product should be allowed to be Withdrawn
[ ] Unstaked RWIP Product should be allowed to be Sold or Staked Again

[Marvelousmicheal]

Goodday sir! I’m Marvelous Donatus, a frontend developer, and I’d like to take on this issue to build the Staking page for Buyers. I’ll create a new module at src/components/modules/staking/, following the project’s naming and structure conventions. The page will list all products a user has bought, using ShadCN components for a clean, responsive layout. I’ll add functionality to stake a bought product on RB, displaying staked products in a dedicated Staked Products section. Staked products will have a withdraw option, and unstaked RWIP products can be sold or staked again. I’ll use local state or context to manage the product data, ensuring the UI is fully responsive, supports dark/light modes, and aligns with the project’s Tailwind design tokens. I’ll test to confirm the product list renders, staking and withdrawing work, unstaked products can be sold or re-staked, and the layout adapts across mobile, tablet, and desktop. Please assign this issue to me!