Allow context click on Imagery to invoke browser-level Save As... (#3857)

- `pointer-events: none` added to `c-compass` wrapper (which was
blocking the image from catching mouse events), and
`pointer-events: all` added to `c-direction-rose` element;
- Unit tested locally in main view and both types of layouts;
- Fixed indention spacing in file;

src/plugins/imagery/components/Compass/Compass.vue

@@ -32,7 +32,7 @@
         :camera-pan="cameraPan"
     />
     <CompassRose
-        v-if="hasCameraFieldOfView"
+        v-if="true"
         :heading="heading"
         :sized-image-width="sizedImageDimensions.width"
         :sun-heading="sunHeading"

src/plugins/imagery/components/Compass/compass.scss

@@ -10,6 +10,7 @@ $elemBg: rgba(black, 0.7);
 }
 
 .c-compass {
+    pointer-events: none; // This allows the image element to receive a browser-level context click
     position: absolute;
     left: 50%;
     top: 50%;
@@ -242,6 +243,7 @@ $elemBg: rgba(black, 0.7);
     left: 0;
     clip-path: circle(50% at 50% 50%);
     border-radius: 100%;
+    pointer-events: all;
 
     svg, div {
         position: absolute;