fix: some full screen docs pages

[lee-chase]

Some stories are poorly formatted or present badly on the docs page. This is because Storybook has changed the way in which the stories are hosted on the docs page.

We should as a result try to ensure

• All stories reserve the space they need to present themselves (some stories have no content or only content that does not reserve vertical space.
• Have the stories, not common CSS, specify the size of the viewport on the docs page.

e.g.

What did you change?

• Wrapped side panel stories to reserve the full height of the page.
• Removed the 50vh common minimum height in storybook styling.
• Added layout: 'fullscreen' to stories which should be full screen.
• Fixed CreateSidePanel, Datagrid, DataSpreadsheet, EditSidePanel, EditTearsheetNarrow, SidePanel and Tearsheet stories.
• Partially fixed ExportModal story (raised Modal dialogs (About, Create, Edit etc) should have a portal target or be aware of containing CSS #3417)
• Noted WebTerminal has multiple issue with regards to viewing in the docs page. Raising Web Terminal Content conflicts with UIShell Content #3418

How did you test and verify your work?

Viewed in Storybook

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	116e694
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/64ede420da585d0008a4ffd0
😎 Deploy Preview	https://deploy-preview-3419--carbon-for-ibm-products.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[matthewgallo]

There is some weird behavior with the entrance/exit of the side panels in the storybook docs preview. Do you think that is something related? I think we can open that as a new issue and have this PR address the layout issues that existed before.