Remove max-width from Lede

[yurm04]

WHY are these changes introduced?

Fixes #10154

This change matches what is currently on prod

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide

[sam-b-rose]

Change looks good to me!

Though, curious if we should apply the max-width to the content rather than removing from the Lede? 🤔 I would think having a max reading width would be helpful. I haven't tested this though–it may or may not work well.

[yurm04]

@sam-b-rose content pages do have a max-width in the Page container component and that coupled with the TOC component makes up the content width. We can add an explicit max-width to the content container specifically if we want, but it should still be larger than the max-width defined in the Lede here since this is way too small. We would have to test out if that max-width affects the layout of the page since it's currently styled using flex

[sam-b-rose]

Though we could revise other parts of the site to make this consistent with a max content width, I am in favor of this simpler fix for now 💯

Thanks for looking into the alternatives @yurm04!