Update the Plan > Quizzes landing page to align with new information architecture

[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

Plan	Reports

These two views, the "report" preview of quizzes, and the "plan" preview of quizzes, will be combined to be available at a glance:

Tasks

• Update the Exams Page at plan/CoachExamsPage/index.vue
• Update the table to include "average score" and "progress" from reports to the main table; use the same empty states as in report when data is not available (or not yet ready)
• Add a filter by recipients (for now, just do a simple client-side filter)
• Add class title at the top of the UI
• 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. moving the "new quiz" button, adding top/bottom borders for table rows for readability, updating or removing strings and titles, etc.)

Out of scope

• Removing the KTabsPanel or updating the main navigation titles