Prevent OrientationPanel from patching on mount or element change

vue/Element/OrientationPanel.vue

@@ -66,7 +66,16 @@ export default {
       if (!this.loading) this.mirrored = !this.mirrored
     },
     async updateElement () {
-      if (this.loading) return
+      /*
+       * When the component is loaded, when the element changes while browsing between neighbors
+       * or when the element is loaded after the component, a watcher updates this component's fields
+       * to keep them up-to-date with the element.
+       * This update can cause updateElement to trigger, and that could cause unnecessary PATCH requests
+       * to update the element's attributes to the ones it already has.
+       * If the user does not have write access, this could also cause 403 errors.
+       * We prevent this by not allowing any PATCH requests if the element's attributes are the same as our fields.
+       */
+      if (this.loading || (this.rotationAngle === this.element.rotation_angle && this.mirrored === this.element.mirrored)) return
       this.loading = true
       try {
         await this.patch({