Staking Modal

[andytudhope]

Describe the solution you'd like

If learners have not staked DAI in the course contract, we need to make it easy for them to do so.

Once their wallet is connected, and if they have yet to stake for the course, an additional button needs appear over the flashcard which reads Stake. Clicking this button ought to pop up a modal which displays the amount to be staked with a short explanation of how and why this works, and let's the learner sign the transaction to deposit DAI.

Describe alternatives you've considered

This seems like the most straightforward solution to me that is friendly for all screens. I am not bound to a modal, it just seems like the neatest design at this early stage.

Screenshots and Additional context

The same wagmi library has all the hooks necessary to display transaction state and help us handle the more async elements of blockchains.