feat: allowing React components to be rendered as web components

[sebastienlevert]

Closes #

PR Type

• Feature

Description of the changes

This is very experimental and requires tons of work still. Dropping for another engineer to take over as I'm out of ideas! 😂

PR checklist

• Project builds (yarn build) and changes have been tested in at least two supported browsers (Edge + non-Chromium based browser)
• All public APIs (classes, methods, etc) have been documented following the jsdoc syntax
• Stories have been added and existing stories have been tested
• Added appropriate documentation. Docs PR:

• License header has been added to all new source files (yarn setLicense)
• Contains NO breaking changes

[microsoft-github-policy-service]

Thank you for creating a Pull Request @sebastienlevert.

This is a checklist for the PR reviewer(s) to complete before approving and merging this PR:

• I have verified a documentation PR has been linked and is approved (or not applicable)
• I have ran this PR locally and have tested the fix/feature
• I have verified that stories have been added to storybook (or not applicable)
• I have tested existing stories in storybook to verify no regression has occured
• I have tested the solution in at least two browsers (Edge + 1 non-Chromium based browser)

[github-actions]

Package	Line Rate	Branch Rate	Complexity	Health
mgt-chat.src.utils	100%	100%	0	✔
mgt-components.src.components	81%	100%	0	✔
mgt-components.src.components.mgt-contact	68%	83%	0	➖
mgt-components.src.components.mgt-file	51%	100%	0	➖
mgt-components.src.components.mgt-file-list	56%	100%	0	➖
mgt-components.src.components.mgt-file-list.mgt-file-upload	49%	88%	0	❌
mgt-components.src.components.mgt-messages	66%	100%	0	➖
mgt-components.src.components.mgt-organization	47%	100%	0	❌
mgt-components.src.components.mgt-person	79%	65%	0	✔
mgt-components.src.components.mgt-person-card	66%	47%	0	➖
mgt-components.src.components.mgt-profile	40%	100%	0	❌
mgt-components.src.components.mgt-theme-toggle	100%	100%	0	✔
mgt-components.src.components.sub-components.mgt-flyout	72%	53%	0	➖
mgt-components.src.components.sub-components.mgt-spinner	100%	100%	0	✔
mgt-components.src.graph	39%	89%	0	❌
mgt-components.src.styles	92%	80%	0	✔
mgt-components.src.utils	79%	28%	0	✔
mgt-element.dist.es6.components.src.components	73%	79%	0	➖
mgt-element.dist.es6.mock.src.mock	90%	72%	0	✔
mgt-element.dist.es6.providers.src.providers	85%	69%	0	✔
mgt-element.dist.es6.src	91%	80%	0	✔
mgt-element.dist.es6.utils.src.utils	66%	69%	0	➖
mgt-element.src	88%	100%	0	✔
mgt-element.src.components	84%	100%	0	✔
mgt-element.src.mock	81%	56%	0	✔
mgt-element.src.providers	80%	85%	0	✔
mgt-element.src.utils	71%	90%	0	➖
Summary	65% (12558 / 19193)	64% (422 / 656)	0	➖