refactor(MessageBar): migrate slide & fade to motion components

[robertpenner]

MessageBarGroup

Previous Behavior

• MessageBarGroup animations were implemented using react-transition-group and CSS.
• The animations did not respond to the OS animations toggle.

New Behavior

• MessageBarGroup animations use motion components in a PresenceGroup.
  • The motion should look the same.
  • The motions now obey the OS animations setting. (This comes for free with the motion framework.)
• Unused code is deleted or deprecated.
  • react-transition-group dependency is removed... from all of v9! react-components is 7 kB smaller.
  • MessageBarTransition.tsx is deleted.
  • Unused styles are deleted. Unused properties and types for those styles are marked deprecated.

Testing Notes

• Test the animations in the MessageBar Animation example. (PR build)

• Click Add message to see messages enter; click the close button on a message to see it exit.
• When the radio button is both, the new message should enter with a fading slide, and exit with a fade.
• When the radio button is exit-only, the new message should enter without motion, and exit with a fade.
• When you disable animations in your OS setting, there should be no motions.

Related Issue(s)

• Fixes #33470

[github-actions]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.165 MB 291.952 kB	1.158 MB 289.328 kB	-7.599 kB -2.624 kB
react-message-bar MessageBar (all components)	24.847 kB 9.272 kB	24.825 kB 9.267 kB	-22 B -5 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	69.21 kB 20.174 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	221.695 kB 64.135 kB
react-components react-components: FluentProvider & webLightTheme	44.447 kB 14.59 kB
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB
react-timepicker-compat TimePicker	107.513 kB 35.791 kB

_{🤖 This report was generated against dc7bb663e3d93a19b611cf1892556d69c57b1269}

[github-actions]

Pull request demo site: URL

[ling1726]

Blocking for a breaking change, to make sure it does not accidentally get merged

blocking issue resolved