fix lightbox

app/assets/stylesheets/application.bootstrap.scss

@@ -50,6 +50,7 @@ $bootstrap-icons-font-dir: "";
 $lg-path-fonts: "";
 
 @import "lightgallery/scss/lightgallery";
+
 /*
  * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
  * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
@@ -163,4 +164,4 @@ trix-toolbar .trix-dialog--link {
 } */
 
 @import "./layout";
-@import "./dropdown";
+@import "./dropdown";

app/javascript/controllers/index.js

@@ -4,6 +4,9 @@
 
 import { application } from "./application"
 
+import Lightbox from '@stimulus-components/lightbox'
+application.register('lightbox', Lightbox)
+
 import AutosubmitController from "./autosubmit_controller"
 application.register("autosubmit", AutosubmitController)
 

yarn.lock

@@ -202,7 +202,7 @@
 
 "@stimulus-components/lightbox@^4.0.0":
   version "4.0.0"
-  resolved "https://registry.npmjs.org/@stimulus-components/lightbox/-/lightbox-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/@stimulus-components/lightbox/-/lightbox-4.0.0.tgz#dbe56146a3d14582a13e568406292d52aa56cbb0"
   integrity sha512-pj4PfnGANbc3Ef6I/5aPeRS8Tj2rK1b9dn8rlpJZs1K9narqM57ZtUTutHZsnOv95+4LqQVktj+auMgz+LKzjw==
   dependencies:
     lightgallery "^2.7.2"