Add figure customization options

[mathewjordan]

What does this do?

This extends Figure related options for the Scroll component. Completing this allows implementers of Scroll to customize the canvas figures as required, giving more our less screen space to the figure, and provides flexibility on how the figure is rendered.

Users can now customize:

• options.figure.aspectRatio default: 1.618 (golden ratio)
• options.figure.display default: image-viewer
• options.figure.width default: 38.2%

As an enum, the other option for display is thumbnail.

How to Review?

1. Install dependencies if required
2. Spin up local dev npm run dev
3. Navigate to Scroll demo http://localhost:3000/docs/scroll/demo
4. Edit the demo.mdx page at pages/docs/scroll/demo.mdx, replacing Scroll JSX with:

<Scroll
  iiifContent="https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"
  options={{
    figure: {
      aspectRatio: 1,
      display: "thumbnail",
      width: "200px",
    },
  }}
/>

[kdid]

@mathewjordan do you want to leave this here? Just checking, PR looks great! 👍

[mathewjordan]

Nope, thanks 🙏!