People Picker component should be updated to the latest Fluent UI design

[vogtn]

Proposal: facilitate the integration of Fluent UI web components into the mgt-people-picker control

Description

This is an open thread for implementation, discussion and review of the mgt-people-picker upgrade to utilize Fluent UI web components.

https://github.com/microsoft/fluentui/tree/master/packages/web-components

Rationale

Further mgt alignment with the current fluent guidelines

Preferred Solution

• [x] Phase 1: Suggest controls/UI/text with similar functionality/design that could be replaced with the Fluent UI web component. any concerns with implementation should be noted
• [ ] Phase 2: Review preferred components to be used with the mgt-people-picker (ideally with conformation from additional authors).
• [ ] Phase 3: Develop POC with the mgt-people-picker and the new Fluent UI web components
• [ ] Phase 4: Test against current functionality.
• [ ] Phase 5: Prepare for merge

[vogtn]

Phase 1: Proposal

Proposed Fluent UI web components:

1. Horizontal Scroll
2. Menu/MenuItems
3. TextField

Potential Concerns:

[1] Horizontal Scroll - will it support our buttons

[vogtn]

@musale

tagging for visibility

[sebastienlevert]

Closed by #1801