Update the Quiz Summary page to replace the "preview" section with the learner report and difficult questions

[marcellamaki]

Overview

For our information architecture restructuring, we are going to be "smushing together" some of our current pages and components to move us to a different page naming system and organization.

Prerequisites

• Run Kolibri or kolibri-demo locally to get familiar with the current state of the UX/UI

Diff - current state vs new state

Quiz status	Plan	Reports
Created but not started
Ended

These two views, the "plan" preview (distinct from the quiz editor), and the "report" of available or in-progress quizzes, will be combined to be available at a glance. The "preview" is moved to a new page, rather than being an embedded view. Implementing this "preview" view is out of scope for this issue.

Tasks

• Update the Summary Page at plan/QuizSummary/index.vue
• Replace the QuestionListPreview with the two main sections from "Report" - two tabs that are "Report" and "Difficult Questions". Rename "Report" to "Learners"
• Add additional data to the side bar, when available, for all states -- created by not started/not visible to learners, started, and ended. Properly manage empty state with the "-" pattern
• include the "view learner devices" and print and download option buttons from the reports

Acceptance Criteria

• all tasks above are completed
• all "report" data is available in the table at a glance
• All UI adjustments to be aligned to the new spec (i.e. side panel details, these changes have arrows)

Out of scope

• updating the "options" buttons to be "preview" and implementing the new quiz preview section