fix: fix cross-platform layout inconsistency when used with lottie-react-native

Description

lottie-react-native supports web by leveraging this library under the hood.

The lf-player-container div is a problem for universal apps because it cannot be styled via props and it's default styling is not consistent with the default React Native View's styling, which causes the web lottie components to have a different layout than their native counterparts.

On web, the default display and margin values cause the Lottie container to occupy the full width of it's container and, as a result, the lottie animation content is horizontally centered.

On native, the same component will only occupy the width of the lottie animation.

Type of change

Replace the lf-player-container div with a react fragment.

Checklist

[x] Verified that the storybook test does not show any signs of regression, and that the removal of the outline style applied to lf-player-container does not result in an outline due to tab focus.

LottieFiles / lottie-react