Spread: Add new layout component

[michaeltaranto]

Introduce a new layout component, Spread, used to justify content with both an equally distribute and a specify the minimum amount of space in between each child.

EXAMPLE USAGE:

The Spread component will work horizontally by default:

<Spread space="small" alignY="center">
  <Heading level="4">Heading</Heading>

  <OverflowMenu label="Options">
    <MenuItem>First</MenuItem>
    <MenuItem>Second</MenuItem>
  </OverflowMenu>
</Spread>

But can be switched to vertical via the direction prop:

<Spread space="large" direction="vertical">
  <Stack space="small">
    <Heading level="4">Heading</Heading>
    <Text>Text</Text>
  </Stack>

  <Text size="small" tone="secondary">
    Date
  </Text>
</Spread>

Previews

direction="horizontal"

direction="vertical"

Review notes

Includes updated snippets and examples to use latest spacing and layout guidance, e.g. Job Summary example, and Card snippets.

[changeset-bot]

🦋 Changeset detected

Latest commit: 2f4effd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
braid-design-system	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR