feat: add config switch to use cananry graph

[gavinbarron]

Closes #2761

PR Type

• Feature

Description of the changes

Adds a config based mechanism to allow developers to target the canary deployment of graph for faster testing of changes related to mgt-chat which are in flight from AGS and/or workload teams

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

Other information

[github-actions]

Package	Line Rate	Branch Rate	Complexity	Health
mgt-chat.src.statefulClient	100%	100%	0	✔
mgt-chat.src.utils	96%	88%	0	✔
mgt-components.src.components.mgt-person	56%	47%	0	➖
mgt-components.src.components.mgt-theme-toggle	100%	100%	0	✔
mgt-components.src.components.sub-components.mgt-flyout	30%	13%	0	❌
mgt-components.src.components.sub-components.mgt-spinner	100%	100%	0	✔
mgt-components.src.graph	19%	7%	0	❌
mgt-components.src.styles	96%	64%	0	✔
mgt-components.src.utils	40%	4%	0	❌
mgt-element.src	39%	0%	0	❌
mgt-element.src.components	30%	0%	0	❌
mgt-element.src.mock	51%	42%	0	➖
mgt-element.src.providers	39%	19%	0	❌
mgt-element.src.utils	43%	26%	0	❌
Summary	40% (791 / 1969)	20% (245 / 1209)	0	❌

[musale]

@gavinbarron how do I switch to canary as a dev using the chat component? I'm having a challenge figuring out how to use the config.

[gavinbarron]

good question, at the moment the way I've been doing it is to import GraphConfig into the index.tsx for the app and then set the config object GraphConfig.useCanary = true

it's nice and simple, for a bit more flexibility we could use an .env file to hold the value we want to use in index.tsx so it's swtichable at build time.