Fix too-wide image in component docs

packages/presentational-components/src/components/pagers.md

@@ -1,7 +1,12 @@
 The `Pagers` component is a container component that serves as the container for the pagers of a cell. Pagers are generally used to display information that is not an output. For example, you might use a pager to display the output of an introspection command like `pd?`. For an example, take a look at the screenshot below.
 
-![A screenshot containing an example of a code cell that uses both outputs and pagers.](https://cldup.com/BXhT1UNTDL.png)
-
+```jsx noeditor
+<img
+  alt="A screenshot containing an example of a code cell that uses both outputs and pagers."
+  src="https://cldup.com/BXhT1UNTDL.png"
+  style={{ width: "100%" }}
+/>
+```
 
 You'll generally have both a `Pagers` component and an `Outputs` component as part of your notebook cell. `Outputs` typically contain calculation results or actions on a cell, and `Pagers` hold information, like help text, found from introspecting a cell.