Docs examples - design revisit

[vanessatran-ddi]

Placeholder for now, I need to keep track more items

• Accordion https://design.alberta.ca/components/accordion/#tab-1 - Expand or collapse part of a form example - What is rendered on the docs !== what CSS defined in the code snippet.

• Accordion https://design.alberta.ca/components/accordion/#example-workspace The workspace example is not rendered now

• Container: The code renders in the docs are different from the code using from the Code Snippet
  Docs: (No space between h3 and paragraph)

Code Snippet copied and generated

• Container - Example Card view of case files
  Docs:

Code snippet generated:

• Table - These 2 examples are same

• Table - Task List page

Docs render:

Copied code snippet render:

• Callout

Docs render:

Copy from code snippet:

• Form page
  Missing the interactive example, however checking again, looks like Form and Form Item under Utilities are different. Is this Form means Public Form?

• Form stepper is legacy I think we should remove from the docs site https://v1.design.alberta.ca/components/v4.0.0+-angular/form-stepper