added toggle help to assignments view

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

@@ -1,4 +1,5 @@
 @using Markdig
+@using Shared.Components.AssignmentForm
 
 @inject CoursePlanner planner
 @inject AssignmentEditorContext assignmentContext
@@ -64,18 +65,28 @@
   private MarkupString preview { get => (MarkupString)Markdown.ToHtml(assignmentContext?.Assignment?.Description ?? ""); }
   private string HelpText()
   {
-    var groupNames = string.Join(", " , planner.LocalCourse?.Settings.AssignmentGroups.Select(g => g.Name) ?? []);
+    var groupNames = string.Join("\n- " , planner.LocalCourse?.Settings.AssignmentGroups.Select(g => g.Name) ?? []);
     return $@"
 SubmissionTypes:
 - {AssignmentSubmissionType.ONLINE_TEXT_ENTRY}
 - {AssignmentSubmissionType.ONLINE_UPLOAD}
 
 Assignment Group Names:
-{groupNames}
+- {groupNames}
 ";
   } 
 }
 
+<div class="d-flex w-100 h-100 flex-row">
+  @if(ShowHelp)
+  {
+    <div class=" rounded rounded-3 bg-black" >
+      <pre class=" me-3 pe-5 ps-3 rounded rounded-3">
+        @HelpText()
+      </pre>
+    </div>
+  }
+
   @if(assignmentContext.Assignment != null && planner.LocalCourse != null)
   {
     <div class="row h-100  w-100">
@@ -109,3 +120,4 @@ Assignment Group Names:
       </div>
     </div>
   }
+</div>