add low funds warn + update game init flow

[rccsousa]

Why

Builds up on #15 , which mentions the required player workflow:

1. if the user has enough credits and can play; (TBA);
2. if the user has already played today; (TBA);
3. if the user has approved Wordle3 to spend WDT on his/her behalf;

How

By implementing 2 new modals/warns: LowFunds and AlreadyPlayed.

• AlreadyPlayed just shows up to mention the player cannot init more games today.
• LowFunds warns the player that more funds are required to play Wordle3 and prompts the user to use the faucet.

This PR also includes changes to the rendering logic, completely hiding the game board if the player is not actively playing and once the game initializes, omits the Play button.

Demo

demo.mp4

[DavideSilva]

by constantly do you mean whenever the account changes or a user makes a guess, right? If so, that's ok, you need to refetch some data when that happens. It would be an issue if it was fetching on every single state update

[rccsousa]

When useEffect is checking for changes on playerGuesses, the eth.call requests start pouring.
It makes sense but does not seem the best option, I'm considering moving the guess checking to the guess handler so it refreshes only on guess submission instead of having a useEffect hook.