Implement mark all messages as read

[TechnicallyWilliams]

Closes # 317

PR Type

Feature

Description of the changes

Implements MarkAllAsRead to ChatList:

• lastReadCache is now in statefulchatlistclient
• read state is now evaluated on chatload in statefulchatlistclient.
• GraphChat in statefulChatListClient is now GraphChatThread.

PR checklist

• Project builds (yarn build) and changes have been tested in at least two supported browsers (Edge + non-Chromium based browser)

[plasne]

I would like to see const [readItems, setReadItems] = useState<string[]>([]); removed or convince me it should be here.

[github-actions]

Package	Line Rate	Branch Rate	Complexity	Health
mgt-chat.src.statefulClient	100%	100%	0	✔
mgt-chat.src.utils	100%	96%	0	✔
mgt-components.dist.es6.components.mgt-agenda.src.components.mgt-agenda	12%	100%	0	❌
mgt-components.dist.es6.components.mgt-contact.src.components.mgt-contact	62%	100%	0	➖
mgt-components.dist.es6.components.mgt-file-list.mgt-file-upload.src.components.mgt-file-list.mgt-file-upload	43%	100%	0	❌
mgt-components.dist.es6.components.mgt-file-list.src.components.mgt-file-list	51%	100%	0	➖
mgt-components.dist.es6.components.mgt-file.src.components.mgt-file	46%	100%	0	❌
mgt-components.dist.es6.components.mgt-get.src.components.mgt-get	20%	100%	0	❌
mgt-components.dist.es6.components.mgt-login.src.components.mgt-login	63%	100%	0	➖
mgt-components.dist.es6.components.mgt-messages.src.components.mgt-messages	65%	100%	0	➖
mgt-components.dist.es6.components.mgt-organization.src.components.mgt-organization	46%	100%	0	❌
mgt-components.dist.es6.components.mgt-people-picker.src.components.mgt-people-picker	49%	100%	0	❌
mgt-components.dist.es6.components.mgt-people.src.components.mgt-people	59%	100%	0	➖
mgt-components.dist.es6.components.mgt-person-card.src.components.mgt-person-card	53%	33%	0	➖
mgt-components.dist.es6.components.mgt-person.src.components.mgt-person	48%	100%	0	❌
mgt-components.dist.es6.components.mgt-picker.src.components.mgt-picker	75%	100%	0	✔
mgt-components.dist.es6.components.mgt-profile.src.components.mgt-profile	39%	100%	0	❌
mgt-components.dist.es6.components.mgt-tasks-base.src.components.mgt-tasks-base	76%	100%	0	✔
mgt-components.dist.es6.components.mgt-tasks.src.components.mgt-tasks	54%	100%	0	➖
mgt-components.dist.es6.components.mgt-taxonomy-picker.src.components.mgt-taxonomy-picker	62%	100%	0	➖
mgt-components.dist.es6.components.mgt-teams-channel-picker.src.components.mgt-teams-channel-picker	55%	100%	0	➖
mgt-components.dist.es6.components.mgt-theme-toggle.src.components.mgt-theme-toggle	74%	100%	0	➖
mgt-components.dist.es6.components.mgt-todo.src.components.mgt-todo	80%	100%	0	✔
mgt-components.dist.es6.components.preview.mgt-search-box.src.components.preview.mgt-search-box	74%	100%	0	➖
mgt-components.dist.es6.components.preview.mgt-search-results.src.components.preview.mgt-search-results	51%	100%	0	➖
mgt-components.dist.es6.components.preview.src.components.preview	100%	100%	0	✔
mgt-components.dist.es6.components.src.components	82%	100%	0	✔
mgt-components.dist.es6.components.sub-components.mgt-arrow-options.src.components.sub-components.mgt-arrow-options	70%	100%	0	➖
mgt-components.dist.es6.components.sub-components.mgt-dot-options.src.components.sub-components.mgt-dot-options	28%	100%	0	❌
mgt-components.dist.es6.components.sub-components.mgt-flyout.src.components.sub-components.mgt-flyout	40%	100%	0	❌
mgt-components.dist.es6.components.sub-components.mgt-spinner.src.components.sub-components.mgt-spinner	92%	100%	0	✔
mgt-components.dist.es6.graph.src.graph	36%	100%	0	❌
mgt-components.dist.es6.src	100%	100%	0	✔
mgt-components.dist.es6.styles.src.styles	73%	100%	0	➖
mgt-components.dist.es6.utils.src.utils	45%	100%	0	❌
mgt-components.src.components	80%	100%	0	✔
mgt-components.src.components.mgt-contact	63%	100%	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	64%	50%	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	78%	20%	0	✔
mgt-element.dist.es6.components.src.components	73%	82%	0	➖
mgt-element.dist.es6.mock.src.mock	90%	67%	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	57% (25257 / 44632)	65% (438 / 672)	0	➖

[plasne]

Good work, thank you.