(UI): Fix Broken States

[memarin]

States in some components are not properly synchronized with the top-level application states that manage network mode transitions. This disconnection between component-level and application-level state management creates inconsistencies when switching between different network modes, potentially leading to incorrect UI rendering and degraded user experience. The components need to be updated to properly map their internal states to the corresponding top-level state management system.