[chore]: migrate Popover to use @fluentui/react-motion

[layershifter]

trafficstars

Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

no

Reproduction

N/A

Bug Description

Actual Behavior

Uses motion defined by CSS.

Expected Behavior

Uses a motion defined in @fluentui/react-motions-preview.

Logs

N/A

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[miroslavstastny]

Considering for H2/2024

[layershifter]

FYI there might a problem on a consumer side with that change, as currently there is workaround to disable animations (they change opacity):

Whatever is done, we need to ensure that there is a way to solve that issue on Teams side.

[microsoft-github-policy-service[bot]]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".

[layershifter]

keep open