fix: add loading state to info page

[Cafe137]

This PR extracts the status cards on info/home page.

Add readiness to provider.

And implements a loading state when node is healthy but not ready.

Only one card is shown during that time period.

[bee-worker]

🐝 PR preview in Swarm

Preview URL: https://bah5acgzaiciljhlyr62u63puuseoidzjsuqqe6lclcx7tbyxtvdszyekaofq.bzz.link
Swarm Hash: 4090b49d788fb54f6df4a488e40f29952102796258aff987179d472ce08a038b
Commit Hash: 6ed0b38
Commit Message: refactor: use bee-js for readiness check

[Cafe137]

Not connected:

Healthy but not ready:

Ready:

[AuHau]

Generally LGTM! I have tested it out and it worked nicely!

My only question is if we should also not tackle with this PR (or maybe follow up one?) the fact that during startup in the sidebar, there is displayed "Node error" with red dot, which maybe should also be changed to something like "Node starting" and something like blue dot?

[Cafe137]

@AuHau Thanks for giving this a test ride 🙂

Absolutely, this PR was mostly for fixing the annoying and misleading chequebook status on homepage, but as a next step I'd like to polish the dashboard in a new PR and that would include extracting and implementing this status to other places. Will track it here and I'll merge this: #585