use monaco editor for quizzes

Management.Web/Shared/Components/AssignmentForm/AssignmentForm.razor

@@ -124,7 +124,7 @@
 
     var newAssignment = assignmentContext.Assignment with
       {
-        LocalAssignmentGroupId = group?.Id
+        LocalAssignmentGroupName = group?.Name
       };
 
     assignmentContext.SaveAssignment(newAssignment);
@@ -135,7 +135,7 @@
     .LocalCourse?
     .Settings
     .AssignmentGroups
-    .FirstOrDefault(g => g.Id == assignmentContext.Assignment?.LocalAssignmentGroupId);
+    .FirstOrDefault(g => g.Name == assignmentContext.Assignment?.LocalAssignmentGroupName);
 
   private async Task addToCanvas()
   {

Management.Web/Shared/Components/MonacoTextArea.razor

@@ -0,0 +1,46 @@
+
+@using BlazorMonaco
+@using BlazorMonaco.Editor
+
+@code {
+  [Parameter, EditorRequired]
+  public string Value { get; set; }
+
+  [Parameter, EditorRequired]
+  public Action<string> OnChange { get; set; }
+
+
+  private StandaloneCodeEditor _editor = null!;
+  
+  private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor)
+  {
+    return new StandaloneEditorConstructionOptions
+    {
+      Language = "markdown",
+      Theme = "vs-dark",
+      TabSize = 2,
+      Value = Value,
+      Minimap = new EditorMinimapOptions { Enabled = false },
+      LineNumbers = "off",
+      LineDecorationsWidth = 0,
+      WordWrap = "on",
+      AutomaticLayout = true,
+      FontFamily = "DM Mono, monospace",
+      FontSize = 16,
+
+    };
+  }
+
+  private async Task OnDidChangeModelContent()
+  {
+    var newValue = await _editor.GetValue();
+    OnChange(newValue);
+  }
+}
+
+<StandaloneCodeEditor 
+  @ref="_editor" 
+  Id="sample-code-editor-123" 
+  ConstructionOptions="EditorConstructionOptions" 
+  OnDidChangeModelContent="OnDidChangeModelContent"
+/>

Management.Web/Shared/Components/Quiz/Markdown/MarkdownQuizForm.razor

@@ -15,6 +15,7 @@
     get => _quizMarkdownInput;
     set
     {
+      Console.WriteLine("setting");
       _quizMarkdownInput = value;
 
       try
@@ -102,11 +103,16 @@ short answer";
     }
     <div class="row flex-grow-1">
       <div class="col-6">
-        <textarea 
+        @* <textarea 
           class="form-control h-100" 
           @bind="quizMarkdownInput" 
           @bind:event="oninput" 
+        /> *@
+        <MonacoTextArea
+          Value="@quizMarkdownInput"
+          OnChange="@((v) => quizMarkdownInput = v)"
         />
+
       </div>
       <div class="col-6">
         @if (error != null)