Design system website - create a template for the design guidelines tab - button page

[vanessatran-ddi]

Discuss with @twjeffery
Jira ticket

The current pull request made by Thomas is at https://github.com/GovAlta/ui-components-docs/pull/158 There are some comments left I can help with as a developer:

• Include link to Edit this page under Header part of a component page
• Add an image or embed a Figma link under Do and Don't (Make it re-usable) - Example link: https://www.figma.com/design/f3iSPFIdJBdVpllNXQih1T/Design-usage-documentation-concept?node-id=311-175058&t=Z3RygJTYLgZuCSpX-0
• Add figma embed link under Design contribution section
• Remove "Help improve this component" Figma template: https://www.figma.com/design/f3iSPFIdJBdVpllNXQih1T/Design-usage-documentation-concept?node-id=233-182368

[vanessatran-ddi]

@twjeffery it is done. The figma preview link can be embedded by: Click on the Share button.

Click Copy embedded code:

Then inside a React page, paste it. https://github.com/GovAlta/ui-components-docs/pull/158/files#diff-e8d447786ce009b104bf75efa7d61c5faf8b4f54bcb07b939d87d7ff1b4c696dR308 Remove style attribute like the above code, otherwise React will throw an error. Adjust width and height.