feat: EasyMDE-Editor für Persona und Session-Kontext

- profile-page.js: #profilePersona textarea → EasyMDE mit Toolbar und Dark-Theme
- session-page.js: #sessionContext textarea → EasyMDE mit Toolbar und Dark-Theme
- form.css: Override-Styles für EasyMDE in Formularen (height: auto, border-radius)
- base.css: ul margin-left für korrekte Listen-Einrückung
- Beide Editoren: sauberes Cleanup via toTextArea() in destroy()
- Nutzt bestehende fe-mde-wrap Styles aus file-explorer.css

wwwroot/css/base.css

@@ -118,3 +118,7 @@ a {
 a:hover {
   text-decoration: underline;
 }
+
+ul {
+  margin-left: 1.5em;
+}

wwwroot/css/form.css

@@ -407,3 +407,26 @@ label.skill-item {
   gap: var(--badge-spacing);
   cursor: pointer;
 }
+
+/* ── EasyMDE in Formularen ── */
+/* Nutzt fe-mde-wrap Styles aus file-explorer.css für Dark-Theme,
+   überschreibt aber die Fullscreen-Layout-Regeln für den Formular-Kontext. */
+
+.form .fe-mde-wrap {
+  display: block;
+  flex: none;
+  height: auto;
+  overflow: visible;
+}
+
+.form .fe-mde-wrap .CodeMirror {
+  height: auto !important;
+  border: var(--border-width) solid var(--f2-border) !important;
+  border-top: none !important;
+  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
+  padding: var(--box-padding) !important;
+}
+
+.form .fe-mde-wrap .editor-toolbar {
+  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
+}