Model menus, modal edit and layout improvements

app/views/layouts/_toast.html.slim

@@ -1,4 +1,4 @@
-.toast class="#{alert ? "text-bg-danger" : ""}" role="alert" aria-live="assertive" aria-atomic="true" data={ controller: "toast" }
+.toast class="#{alert ? "text-bg-danger" : "text-bg-info"}" role="alert" aria-live="assertive" aria-atomic="true" data={ controller: "toast" }
   .toast-header
     /img src="..." class="rounded me-2" alt="...">
     /strong.me-auto = heading

app/views/layouts/application.html.slim

@@ -17,11 +17,10 @@ html data-bs-theme="#{cookies[:"modeTheme"] || "light"}" data-controller="set-th
           #main-content[data-controller="rich-text-link-targets"]
             = yield
     
-    .toast-container.position-fixed.bottom-0.start-0.p-3 id="toasts"
+    .toast-container.position-fixed.top-0.end-0.p-3 id="toasts"
       - if flash.alert
         = render partial: "layouts/toast", locals: { content: flash.alert, alert: true }
       - if flash.notice
         = render partial: "layouts/toast", locals: { content: flash.notice, alert: false }
 
-    /footer.container-fluid.mt-auto.border-top
-      = Rails.configuration.build_version && "Version: #{Rails.configuration.build_version}"
+    = turbo_frame_tag "modal"

app/views/layouts/modal.html.slim

@@ -0,0 +1,9 @@
+= turbo_frame_tag "modal" do
+  dialog.bg-body id="modal" data={ controller: :dialog }
+    .float-end
+      form method="dialog"
+        button.btn.btn-outline-danger
+          i.bi.bi-x-lg
+    = yield
+
+data-action="turbo:submit-end->turbo-modal#submitEnd"