Implement mobile network status banner

[El-swaggerito]

Description

Difficulty: Hard

Type: Feature

Summary

Implement a network status banner for mobile wallet screens.

Current Behaviour

Users may not know when payment, balance, or vault actions are affected by network issues.

Expected Behaviour

The app should show a clear banner for offline, degraded, wrong-network, or unavailable service states.

Suggested Implementation

Create network status model, banner component, screen integration, tests, and docs.

Files or Areas Likely Affected

• src/network/
• src/components/
• src/screens/
• src/diagnostics/
• tests/
• docs/

Acceptance Criteria

• Network status banner is implemented.
• Offline and degraded states are represented.
• Wrong-network state is represented where applicable.
• Wallet and payment screens use the banner.
• Tests cover status display cases.
• Docs explain network states.

Additional Notes

This improves user trust.

[mrmoney10010-design]

Hi! I'd like to work on this issue.

I'll implement a reusable network status model and banner component to clearly communicate offline, degraded, wrong-network, and service unavailable states across wallet and payment screens. I'll integrate it into the relevant screens, add comprehensive tests for each status, document the behavior and usage, and ensure the implementation provides a consistent, user-friendly experience without disrupting existing functionality.

[grantfox-oss]

🦊 GrantFox — @mrmoney10010-design has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #527)
2. Your PR will be reviewed by the Axionvera maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@mrmoney10010-design's PR #540 was approved and merged by @El-swaggerito.

🏆 @mrmoney10010-design: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (258 total points). Track your full progress on GrantFox.

👏 Great work, @mrmoney10010-design! Keep contributing to Axionvera.