fix: enable compose editor scrolling

Author: magdielcardoso

web/src/style.css

@@ -480,7 +480,7 @@ h2 {
 .compose-step-header h2 { margin: 0; }
 .compose-step-header p { margin: 4px 0 0; }
 .compose-workspace { width: 100%; }
-.compose-editor-main { flex: 1; min-height: 0; }
+.compose-editor-main { flex: 1; min-height: 0; overflow: hidden; }
 .compose-editor-shell--fill { height: 100%; }
 .compose-editor-shell--fill .compose-editor-main, .compose-editor-shell--fill .compose-editor { flex: 1; min-height: calc(17 * 1.5em + 32px); }
 .compose-editor-shell--fill .cm-editor, .compose-editor { height: 100%; min-height: 0; }
@@ -495,7 +495,8 @@ h2 {
 .compose-validation-status { display: inline-flex; align-items: center; gap: 4px; color: #aeb4c0; font-size: 12px; }
 .compose-statusbar { flex: 0 0 28px; min-height: 28px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; color: #aeb4c0; font-size: 11px; }
 .application-wizard-page .compose-editor { height: 100%; min-height: calc(17 * 1.5em + 32px); }
-.application-wizard-page .cm-editor { height: 100% !important; }
+.application-wizard-page .cm-editor { height: 100% !important; min-height: 0; display: flex; flex-direction: column; }
+.application-wizard-page .cm-scroller { flex: 1; min-height: 0; overflow: auto; }
 .wizard-confirm { position: fixed; z-index: 20; right: 24px; bottom: 24px; width: min(420px, calc(100vw - 32px)); padding: 18px; border: 1px solid #59621d; border-radius: 12px; background: #1b1e24; box-shadow: 0 18px 50px #0008; }
 .wizard-confirm p { color: #aeb4c0; }
 .wizard-confirm > div { display: flex; justify-content: flex-end; gap: 10px; }