NavigationControl - Compass icon is not rotating anymore

[pathmapper]

mapbox-gl-js version: v1.2.0

browser: Chrome/Firefox

Steps to Trigger Behavior

1. Map with map navigation controls
   map.addControl(new mapboxgl.NavigationControl());

2. Rotate the map

Link to Demonstration

https://docs.mapbox.com/mapbox-gl-js/example/navigation/

Expected Behavior

The compass is rotating.

Actual Behavior

There is only a very tiny shaking of the compass icon when the map is rotated.

Note:
If the visualizePitch option introduced in #8296 is used, the compass is rotating as expected: https://jsbin.com/xuwiguniti/1/edit?html,output

[peterqliu]

might be related to #8296

[peterqliu]

culprit lies in this line, not being properly degree-ified from radians:

mapbox-gl-js/src/ui/control/navigation_control.js

Line 82 in 19e3022

`rotate(${this._map.transform.angle}deg)`;

[peterqliu]

Separately, compass at max pitch looks tiny and not easily readable. Gonna try to size it up subtly based on pitch

[peterqliu]

🚢 #8605