`display: none` does not work as expected with `position: absolute`

[rozele]

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

1. Add an example to ViewExample.windows.js in RNTester:

  {
    title: 'display: none and position: absolute',
    render: function(): React.Node {
      return (
        <>
          <View
            style={{
              height: 100,
              width: 100,
              justifyContent: 'center',
              alignItems: 'center',
              backgroundColor: 'red',
              position: 'absolute',
              display: 'none',
              top: 0,
            }}>
            <Text>This should be hidden.</Text>
          </View>
        </>
      );
    }
  }

2. Run the example in RNTester
3. Observe that the view is still displayed.

Expected Results

The display: none prop value should result in the view being hidden.

Snack, code example, screenshot, or link to a repository:

rozele@e611541

[NickGerleman]

FYI that "display: none" also doesn't propagate to XAML visibility (for focus, UIA, etc). #6355

[rozele]

@NickGerleman - this is what we had in the old C# days:
https://github.com/microsoft/react-native-windows/blob/0.57-stable/ReactWindows/ReactNative/UIManager/BaseViewManager.cs#L127

[chrisglein]

@rozele is it expected that this is fixed by your above yoga PR?

We also have an issue where collapsed visibility isn't being propagated to XAML. (maybe part of fix for #6355)

We've got a couple "display:none" issues floating around here, trying to making sure we're tracking it all.