Summary

Our network settings page has been janky for a long time. This PR attempts to update its UI such that it's inline with our other settings pages. This was accomplished by the creation of an additional route used only in the popup, for the network form.

My sense is that the CSS of this page is still probably less than great, but it ought to do for now. Reviewers should pay extra attention to my use of routes and history, since I'm inexperienced with react-router-dom.

These changes mostly affect the popup view; the fullscreen view should be largely unaffected.

Changes in Detail

• The browser back functionality now works correctly with the network form
  • I also added the settings page header back arrow to the networks settings, and it works
• The network settings subheader was removed in the popup
• The "Add Network" button was added to a sticky footer in the networks settings page
• Network form buttons are now hidden when the form is viewOnly
• Network settings routes were updated
  • There's a new route for the network form, which is only used in the popup
  • The fullscreen UI always renders the form, and the new route is never used there

Testing Steps

• Open the network form, in fullscreen and the popup
• Try to break it

Screenshots / Recordings

Before

After

After (Recording)

Note: The weird shadows that stick around are just an artifact of the recording.