Rendering/Performance issues with globe in Safari (desktop only)

Nobody has claimed this yet.

**mapbox-gl-js version**: Main

**browser**: Safari 15.5 and Safari Technology Preview 146 (**Desktop only**)

There are a couple debug pages (animate-along-a-route and globe-with-video) and one example of automatic zooming in of the globe that experience issues with either rendering very slowly, flickering, and jank.

### Expected Behavior
Globe map should render quickly, should not flicker, and should be able to smoothly interact with globe (panning/zooming). Should work the same as it does in Chrome, FireFox, and on mobile devices.

### Actual Behavior

_globe-with-video.html_ I am attempting to pan and then zoom smoothly

https://user-images.githubusercontent.com/42715836/172244514-96c514ca-fdac-4d31-be07-fce0ee074bcc.mov

_animate-along-a-route.html_ Half of the map does not render when I switch to globe view

https://user-images.githubusercontent.com/42715836/172243889-a54a898f-5d15-4d51-aa4d-2fa4b96fe98a.mov

See #11875 for flickering while automatically zooming in while in globe view

Reproduce the globe issues in the mentioned debug pages, animate-along-a-route.html and globe-with-video.html, using Safari 15.5 or Safari Technology Preview 146; compare with Chrome, Firefox, and mobile behavior. Investigate the rendering and interaction differences, including the related flickering case in #11875, and consider the work done when the globe renders fully, without flicker or jank, and supports smooth panning and zooming.

Written by the indexing model from the issue text.