[Layout foundations] Add alpha page in style guide for Bleed

[chazdean]

WHY are these changes introduced?

Fixes #7258

WHAT is this pull request doing?

Adds alpha page and examples for Bleed component

Bleed alpha page

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

[chazdean]

/snapit

[github-actions]

🫰✨ Thanks @chazdean! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

yarn add @shopify/[email protected]

[laurkim]

Looks like this needs to be rebased to resolve conflicts to the props.json file from the layout-foundations-prototype branch.

[laurkim]

💯