put quiz form on its own page

Management.Web/Shared/Module/ModuleDetail.razor

@@ -148,12 +148,12 @@
       <div class="row">
       @foreach (var a in Module.Assignments)
       {
-        <AssignmentDetails Assignment="a" Module="Module" />
+        <AssignmentListItem Assignment="a" Module="Module" />
       }
       <br>
       @foreach(var quiz in Module.Quizzes)
       {
-        <QuizDetail Quiz="quiz" />
+        <QuizListItem Quiz="quiz" />
       }
       </div>
     </div>

Management.Web/Shared/Module/QuizListItem.razor

@@ -4,6 +4,7 @@
 @inject DragContainer dragContainer
 @inject QuizEditorContext quizContext
 @inject CoursePlanner planner
+@inject NavigationManager Navigation
 
 @inherits DroppableQuiz
 
@@ -21,6 +22,13 @@
     planner.CanvasQuizzes != null 
       ? Quiz.QuizIsCreated(planner.CanvasQuizzes) 
       : false;
+
+
+  private void OnClick() 
+  {
+    quizContext.Quiz = Quiz;
+    Navigation.NavigateTo("/course/" + planner.LocalCourse?.Settings.Name + "/quiz/" + Quiz.Name);
+  }
 }
 
 
@@ -29,7 +37,7 @@
   draggable="true"
   @ondragstart="HandleDragStart"
   @ondragend="HandleDragEnd"
-  @onclick="@(() => quizContext.Quiz = Quiz)"
+  @onclick="OnClick"
   role="button"
 >
   <div class="card">