[Frontend] Enable optimistic updates in Network Status Indicator

[emdevelopa]

Description
This task involves UX enhancement for the Network Status Indicator module.
The goal is to enable optimistic updates in Network Status Indicator to improve the platform's styling, user interactions, and overall accessibility.

Requirements and context

• Must be secure, tested, and documented
• Adhere to the Drips Wave design and UI/UX standards
• Ensure compatibility across desktop and mobile browsers
• Specifically focused on frontend UX enhancement and responsiveness

Suggested execution

Fork the repo and create a branch
git checkout -b feature/fe-enable-optimistic-updates-in-network-status-indicator
Implement changes

Review existing component in Network Status Indicator
Apply changes: Enable optimistic updates in Network Status Indicator
Use clean CSS or tailwind variables for styling
Maintain state transitions and visual feedback
Test and commit

Test mobile responsiveness and interactive states
Check accessibility (a11y) using standard audits
Include screenshots or gifs in the PR
Example commit message
feat(frontend): enable optimistic updates in Network Status Indicator

Guidelines

Complexity: Medium (150 points)
Assignment required before starting
PR description must include: Closes #[issue_id]

[LawalRahman]

@LawalRahman has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would like to apply for this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @LawalRahman to this issue.

[drips-wave]

Congratulations, @LawalRahman! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @LawalRahman: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊