Add wallet limit banner

[ekzyis]

https://stacker.news/items/356071

2023-12-20.06-14-02.mp4

ignore actual wallet balance in screenshots, I manually set limitReached to true

So basically, this adds a banner that only shows up if the wallet balance is over the limit. It can be dismissed on the front page but it will always appear in the wallet (if over the limit).

[ekzyis]

Did not want to mix feature + refactor in one PR

[kepford]

No familiar with the code base but this MR looks good to me. Nice demo video as well @ekzyis!

[huumn]

ACK the concept but I'm not sure the banner should be on the homepage. It should definitely be on the wallet pages and maybe show an indicator on the wallet ... banners on the homepage always feel like an assault.

[ekzyis]

banners on the homepage always feel like an assault.

I agree that they are an assault but is this still a problem if you can dismiss them like the welcome banner? I see it as just a way to tell everyone about important things (like SNL being on air)

I am open to remove it of course, just wanted to clarify that this isn't a banner that always shows up but only once until dismissed and also only if the wallet is over the limit.

maybe show an indicator on the wallet

but I also like this idea. But should this indicator then always be there while they are over the limit? Or also just once until clicked? I think both approaches could be confusing since:
a) the indicator is always there: why is it still there after i clicked on my wallet?
b) the indicator disappears but the reason why the indicator was there might still exist (wallet over the limit): why is it no longer there?

Maybe we could create a notification if someone goes over the limit? Then they would only need to check their notifications and it's a consistent UX regarding the indicator behavior.

[huumn]

Maybe it can work like this:

1. no banner on homepage
2. when they go over the limit, turn their sats in the upper right hand corner orange
3. non-dismissable banner on the wallet page

[ekzyis]

Maybe it can work like this:

1. no banner on homepage
2. when they go over the limit, turn their sats in the upper right hand corner orange
3. non-dismissable banner on the wallet page

Did that in d01164f now:

2023-12-21.22-24-23.mp4