feat!: Remove form from Dialog

[dlnr]

Describe the pull request

The form inside the dialog should be optional because there is a need to built larger forms in the popup. Besides that the vertical scroll (for long content) was broken by moving CSS to the dialog instead of the form wrapping the content. I've taking the liberty to recover some of that work but then rename the element: "form > content" and "actions > footer". The latter to illustrate that you are adding children to a (sticky) footer component.

What

Actions become footer and some changes in tokens.

Why

To allow developers to work with content other then <form method="dialog"> and to document how to use it if you want.

How

• Rolling back the max-block-size in the dialog itself.
• Removing the form element and adding it to a story.
• Using a form attribute on the submit button when it's in the footer.

Checklist

Before submitting your pull request, please ensure you have done the following. Check each checkmark if you have done so or if it wasn't necessary:

• Add or update unit tests
• Add or update documentation
• Add or update stories
• Add or update exports in index.* files
• Start the PR title with a Conventional Commit prefix, as explained here.

Additional notes

• I realise that making a row in the grid scrollable is weird but this is the most robust solution.