Refine Suspense panel overview

Author: aurorascharff

src/content/reference/dev-tools/react-suspense-panel.md

@@ -8,12 +8,9 @@ The Suspense panel in React Developer Tools lets you inspect [`<Suspense>`](/ref
 
 </Intro>
 
-{/* TODO: Replace the screenshot placeholders before marking this PR ready. */}
+The Suspense panel combines a minimap of the Suspense boundaries on the page with an inspector and reveal timeline. Use it to select boundaries, inspect the work they waited for, preview their fallbacks, and replay the order in which their content appeared.
 
-<div style={{display: 'flex', justifyContent: 'center', marginBottom: '1rem'}}>
-  <img className="w-full light-image" src="/images/docs/suspense-panel/overview.png" alt="The Suspense panel showing a minimap of the page's boundaries, details for a selected boundary, and the reveal timeline." />
-  <img className="w-full dark-image" src="/images/docs/suspense-panel/overview.dark.png" alt="The Suspense panel showing a minimap of the page's boundaries, details for a selected boundary, and the reveal timeline." />
-</div>
+{/* TODO: Replace the screenshot placeholders before marking this PR ready. */}
 
 <InlineToc />
 
@@ -47,6 +44,11 @@ The panel has a minimap and reveal timeline on the left and an inspector on the
 
 The toolbar also includes controls for selecting a Suspense boundary from the page, navigating through nested boundaries, filtering the minimap, and opening the React Developer Tools settings.
 
+<div style={{display: 'flex', justifyContent: 'center', marginBottom: '1rem'}}>
+  <img className="light-image" src="/images/docs/suspense-panel/overview.png" alt="The Suspense panel showing a minimap of the page's boundaries, details for a selected boundary, and the reveal timeline." />
+  <img className="dark-image" src="/images/docs/suspense-panel/overview.dark.png" alt="The Suspense panel showing a minimap of the page's boundaries, details for a selected boundary, and the reveal timeline." />
+</div>
+
 ### Inspecting Suspense boundaries {/*inspecting-suspense-boundaries*/}
 
 The main view is a minimap of the Suspense boundaries on the page. Each outlined region represents the content inside a boundary and matches its position on the page. Blue boundaries rendered on the client, green boundaries rendered on the server, and yellow boundaries rendered in another named environment.