put quiz form on its own page

Management.Web/Shared/Module/QuizListItem.razor

@@ -0,0 +1,63 @@
+@using Management.Web.Shared.Components
+@using Management.Web.Shared.Components.Quiz
+
+@inject DragContainer dragContainer
+@inject QuizEditorContext quizContext
+@inject CoursePlanner planner
+@inject NavigationManager Navigation
+
+@inherits DroppableQuiz
+
+@code {
+  private void HandleDragStart()
+  {
+    dragContainer.DropCallback = dropCallback;
+  }
+
+  private void HandleDragEnd()
+  {
+    dragContainer.DropCallback = null;
+  }
+  private bool isSyncedWithCanvas => 
+    planner.CanvasQuizzes != null 
+      ? Quiz.QuizIsCreated(planner.CanvasQuizzes) 
+      : false;
+
+
+  private void OnClick() 
+  {
+    quizContext.Quiz = Quiz;
+    Navigation.NavigateTo("/course/" + planner.LocalCourse?.Settings.Name + "/quiz/" + Quiz.Name);
+  }
+}
+
+
+
+<div 
+  draggable="true"
+  @ondragstart="HandleDragStart"
+  @ondragend="HandleDragEnd"
+  @onclick="OnClick"
+  role="button"
+>
+  <div class="card">
+    <div class="card-body p-0">
+      <div class="card-title pt-2 px-2 m-0 d-flex justify-content-between">
+        <h4>@Quiz.Name</h4>
+          @if(isSyncedWithCanvas)
+          {
+            <CheckIcon />
+          }
+          else
+          {
+            <SyncIcon />
+          }
+      </div>
+
+      <div class="card-text overflow-hidden p-2">
+        <div>Due At: @Quiz.DueAt</div>
+      </div>
+    </div>
+
+  </div>
+</div>