DOCS-189: Fix Code Snippet bugs when used inside Table component

[danielamorse]

Jira

https://pegadigitalit.atlassian.net/browse/DOCS-189

Summary

Fixes Code Snippet bugs when used inside Table component.

Details

Table component strips whitespace around tags and text and in the process rewrites the DOM for every element inside. This breaks indentation on Code Snippets and loses any event handlers added prior to Table initializing.

Long term, Table will be rewritten to not do any of this. Short term, this PR tells Code Snippet to not automatically initialize when inside a Table. Then, tells Table to call the Code Snippet initialization after the Table is rendered.

I had to add Code Snippet as a dependency of Table, which means Code Snippet is loaded whenever a Table is present (not just when a Code Snippet is present). I did a few lighthouse checks and didn't notice any difference before and after.

How to test

• Review code changes
• Review Code Snippet and Table demos for regressions
• Review test page (http://localhost:3000/pattern-lab/patterns/999-tests-code-snippet-15-code-snippet-table/999-tests-code-snippet-15-code-snippet-table.html) which shows the use case we're solving for. Verify the Code Snippets are properly indented and the Copy button works.