perf(load): font-display swap and content-visibility on badge wall

Two unrelated modernisations:

- Adds &display=swap to the Roboto and Overpass Google Fonts URLs
  imported by Wrapped's stylesheet. Avoids the invisible-text flash
  during font load on the Wrapped page; DM Sans already had this.

- Adds content-visibility: auto to each child of .badges (the grid
  on the badge wall page). Browser skips layout and paint for off
  -screen badges until they scroll into view. contain-intrinsic-size
  auto 8rem reserves placeholder space so the scrollbar stays stable.

1 files changed, 5 insertions, 0 deletions

diff --git a/src/lib/User/BadgeWall/badges.css b/src/lib/User/BadgeWall/badges.css
index 19f8996f..221f3829 100644
--- a/src/lib/User/BadgeWall/badges.css
+++ b/src/lib/User/BadgeWall/badges.css
@@ -11,6 +11,11 @@
 	gap: 0.25rem;
 }
 
+.badges > * {
+	content-visibility: auto;
+	contain-intrinsic-size: auto 8rem;
+}
+
 .edit-row-2 {
 	margin-top: -1.25rem;
 }