Use allowMoving variable to control widgets moving

Replaces direct usage of the `editingMode` variable, so widgets can benefit from directly controlling and overhiding the default behavior.

src/stores/widgetManager.ts

@@ -5,7 +5,7 @@ import { saveAs } from 'file-saver'
 import { defineStore } from 'pinia'
 import Swal from 'sweetalert2'
 import { v4 as uuid4 } from 'uuid'
-import { computed, onBeforeUnmount, ref } from 'vue'
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
 
 import { widgetProfile, widgetProfiles } from '@/assets/defaults'
 import { miniWidgetsProfile } from '@/assets/defaults'
@@ -228,7 +228,7 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
       managerVars: {
         timesMounted: 0,
         configMenuOpen: false,
-        allowMoving: false,
+        allowMoving: true,
         lastNonMaximizedX: 0.4,
         lastNonMaximizedY: 0.32,
         lastNonMaximizedWidth: 0.2,
@@ -293,6 +293,17 @@ export const useWidgetManagerStore = defineStore('widget-manager', () => {
     }
   }
 
+  const resetWidgetsEditingState = (): void => {
+    currentProfile.value.views.forEach((view) => {
+      view.widgets.forEach((widget) => {
+        widget.managerVars.allowMoving = editingMode.value
+      })
+    })
+  }
+
+  watch(editingMode, () => resetWidgetsEditingState())
+  resetWidgetsEditingState()
+
   const isFullScreen = (widget: Widget): boolean => {
     return isEqual(widget.position, fullScreenPosition) && isEqual(widget.size, fullScreenSize)
   }

src/views/WidgetsView.vue

@@ -6,7 +6,7 @@
         <WidgetHugger
           v-if="Object.values(WidgetType).includes(widget.component)"
           :widget="widget"
-          :allow-moving="store.editingMode"
+          :allow-moving="widget.managerVars.allowMoving"
           :allow-resizing="store.editingMode"
         >
           <template v-if="widget.component === WidgetType.Attitude">