Separate backups and network on the info screen

Put backups and network in their own bordered sections titled
"Backups" and "Network". Inside Network, the configured settings and
the addresses in use are labelled "Configured" and "In use". The
"unavailable" note is hidden when it is empty, so it no longer leaves
a blank line.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tests/test_app.py

@@ -1864,3 +1864,22 @@ async def test_link_only_change_on_running_ct_does_not_mention_reboot(fake):
         await setv(app, pilot, tag="99")
         text = await apply_to_confirm(app, pilot)
         assert "reboot" not in text.lower()
+
+
+# --- info screen layout: backups and network clearly separated --------------------
+
+
+async def test_info_has_separate_titled_backup_and_network_sections(fake):
+    app = make_app()
+    async with app.run_test() as pilot:
+        await open_info(app, pilot)
+        backup = app.screen.query_one("#backup_section")
+        network = app.screen.query_one("#network_section")
+        assert "Backups" in str(backup.border_title)
+        assert "Network" in str(network.border_title)
+        assert {w.id for w in backup.query("*")} >= {"jobs", "backups", "hidden"}
+        assert {w.id for w in network.query("*")} >= {
+            "nets",
+            "unavailable",
+            "addresses",
+        }