feat: disable lightbox in UI shell

app/javascript/dashboard/components-next/message/useGallery.js

@@ -0,0 +1,23 @@
+import { computed } from 'vue';
+import { useToggle } from '@vueuse/core';
+
+export function useGallery() {
+  const [showGallery] = useToggle(false);
+
+  const isGalleryAllowed = computed(() => {
+    // eslint-disable-next-line no-underscore-dangle
+    return !window.__WOOT_ISOLATED_SHELL__;
+  });
+
+  const toggleGallery = value => {
+    if (!isGalleryAllowed.value) return;
+
+    showGallery.value = value;
+  };
+
+  return {
+    showGallery,
+    isGalleryAllowed,
+    toggleGallery,
+  };
+}