Merge branch 'threecolumn' into shigusegubu-vue3

* threecolumn:
  remove margins from underlay since it causes horizontal scroll on smaller screens
  underlay improvements
  Fix image cropper not closing correctly

src/App.scss

@@ -151,7 +151,6 @@ nav {
   grid-column-end: span 3;
   grid-row-start: 1;
   grid-row-end: 1;
-  margin: 0 calc(var(--columnGap) / -2);
   pointer-events: none;
   background-color: rgba(0, 0, 0, 0.15);
   background-color: var(--underlay, rgba(0, 0, 0, 0.15));

src/components/image_cropper/image_cropper.js

@@ -66,7 +66,7 @@ const ImageCropper = {
     }
   },
   methods: {
-    unmounted () {
+    destroy () {
       if (this.cropper) {
         this.cropper.destroy()
       }