Maintain modal consistency with Dialog.Content component

[storywithoutend]

Dialog

• Set overflow:hidden, I believe this wasn't set before because in case a overflow was desired (such as the status dot on input elements), but since we don't do that I think it's better to set it to hidden so that dialogs can handle overflow more gracefully.
• Set mobile max-height: 80vh and desktop max-height: 90vh. Mobile is smaller because we have to account for when mobile browsers display the browser header and footer even when the screen is full height.
• Can set the fontVariant of Heading title

Dialog.Content

• Option to be used as a form element
• Controls sizing of Dialog.
• Keeps consistent width in desktop mode.
• Has option to be fullWidth of

ScrollBox

• Broke a part the previous component into separate parts. This was because we need the overflow indicator lines to always be the width of the content area when the scrollbar is displayed and when it isn't.
• Added alwaysShowDivider to prevent the divider from being hidden.
• Added horizontalPadding This allows the content to have some overflow without triggering horizontal scroll. Is set at 8px by default.

[cloudflare-workers-and-pages[bot]]

Deploying thorin with    Cloudflare Pages

Latest commit:	ea10184
Status:	✅  Deploy successful!
Preview URL:	https://ffee363d.thorin.pages.dev
Branch Preview URL:	https://add-scrollbox-divider-always.thorin.pages.dev

View logs