docs: Refine typography

[devongovett]

• Updates line widths to be narrower (but images/videos stay wide) for improved readability of long form content (e.g. blog)
• Reduces font size of h2
• Improves spacing between paragraphs/headings
• Improves text wrapping
• Adds back table of contents to blog and releases
• Increases total layout maximum width so there is more space around article
• Adds some structured data for SEO
• Adds RSS feeds to blog/releases

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[snowystinger]

Not as big a fan on the home pages

Maybe we can keep the sidenav on the blog pages now too?
I feel a little detached without it

For headings, can we use text-wrap-style: balance; I think it looks better, at least on https://reactspectrum.blob.core.windows.net/reactspectrum/937a80cfe85fec86562b960e18fbfcca021ae798/s2-docs/react-aria/blog/rtl-date-time.html
Including the H2 below it.
That, or should we use I18N instead of internationalization?

[devongovett]

ah yeah it wasn't supposed to apply to the home pages, just blog/releases.

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

## API Changes

@react-spectrum/s2

/@react-spectrum/s2:Heading

 Heading {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   level?: number
   slot?: string | null
   styles?: StyleString
 }

/@react-spectrum/s2:Header

 Header {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   slot?: string | null
   styles?: StyleString
 }

/@react-spectrum/s2:Content

 Content {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   slot?: string | null
   styles?: StyleString
 }

/@react-spectrum/s2:Footer

 Footer {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   slot?: string | null
   styles?: StyleString
 }

/@react-spectrum/s2:Text

 Text {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   slot?: string | null
   styles?: StyleString
 }

/@react-spectrum/s2:Keyboard

 Keyboard {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   children: ReactNode
   id?: string
   isHidden?: boolean
+  itemID?: string
+  itemProp?: string
+  itemRef?: string
+  itemScope?: boolean
+  itemType?: string
   slot?: string | null
   styles?: StyleString
 }

---

[LFDanLu]

LGTM, my only nit would be that going from the "Releases" index page into a actual release page has quite the shift in where the text starts (not as noticeable as on the blogs) but thats quite minor

[devongovett]

Yeah that was something I noticed too. Happens whenever the TOC is present on one page and not another as well. Could be an argument for left aligning instead of center aligning? 🤷