Add BadgeView with Avatar to PeoplePicker demo page

[joannaquu]

Platforms Impacted

• iOS
• macOS

Description of changes

Binary change:

File	Before	After	Delta
libFluentUI.a	28,869,912 bytes	28,908,928 bytes	39,016 bytes

Added a new variant to the PeoplePicker demo page that displays badges with an Avatar. To do so, a new bool, showsAvatar was added that controls whether or not the avatar is shown. When showsAvatar is true, addBadge will be called with a PersonaBadgeViewDataSource that includes a customView (the avatar). When set to false, the existing addBadge call will be used. PersonaBadgeViewDataSource's init function now takes in an optional customView parameter that defaults to nil if no value is provided.

Verification

Before	Light	Dark

Pull request checklist

This PR has considered:

• Light and Dark appearances
• iOS supported versions (all major versions greater than or equal current target deployment version)
• VoiceOver and Keyboard Accessibility
• Internationalization and Right to Left layouts
• Different resolutions (1x, 2x, 3x)
• Size classes and window sizes (iPhone vs iPad, notched devices, multitasking, different window sizes, etc)
• iPad Pointer interaction
• SwiftUI consumption (validation or new demo scenarios needed)
• Objective-C exposure (provide it only if needed)

Microsoft Reviewers: Open in CodeFlow