Adds support for matrix match

[suryabulusu]

Fixes #119

Related notion note: https://www.notion.so/avantifellows/JEE-Advanced-New-Question-Types-a315a0fdace547069bccd41d13fe3f62 (see for screenshots and staging test links)

Summary

Adds a new question type for advanced matrix matching in assessment and omr-assessment modes. I explain major updates and files changed below:

• types.ts: accept string[] as a possible answer type, since matrix matching answers are of the form ["AP", "BR", "CT"], etc.
• Utilities.ts: add answer eval for matrix-match type; very similar to multi-choice.
• Body.vue and OmrItem.vue: how matrix-match type's options look like; table structure, option selection, updates to parent component, CSS
• QuestionModal.vue and OmrModal.vue: how session answers get updated for matrix-match questions when they receive emits from child components
• assessment_quiz.json and multi_qset_omr.json: updates to fixtures for cypress testing of matrix-match type
• renders-player-assessment.js and renders-omr-assessment.js: updates to spec files for cypress testing of matrix-match type

Test Plan

• [x] Test Responsiveness
  • [x] Laptop (1200px)
  • [x] Tablet (760px)
  • [x] Phone (320px)
• [x] Cross-Browser Testing
  • [x] Chrome
  • [x] Firefox
• [ ] ~Local Language Support~
• [x] Hygiene and Housekeeping
  • [x] Self-review
  • [x] Comments have been added appropriately
  • [ ] ~Check for bundle size here if adding a package~
  • [x] Added relevant details like Labels/Projects/Milestones etc.
  • [ ] ~If adding or removing any environment variable, update docs/ENV.md, .env.example and the Github workflows.~
• [x] Testing
  • [x] Wrote tests
  • [x] Tested locally
  • [x] Tested on staging
  • [x] Tested on an actual physical phone
  • [ ] Tested on production
• [ ] ~Lighthouse Checks~
  • [ ] ~Images have alt attributes~
  • [ ] ~Any <img> tags have width and height specified~
  • [ ] ~Any target="_blank" links have rel="noopener"~
  • [ ] ~Only SVGs are used as images. If PNGs are used, their size has been optimised.~
  • [ ] ~Any SVG buttons without text have their aria-label attributes set~

[codecov[bot]]

Codecov Report

Attention: 32 lines in your changes are missing coverage. Please review.

Comparison is base (2c8062b) 78.75% compared to head (3554e86) 79.40%.

Files	Patch %	Lines
src/components/Omr/OmrItem.vue	68.33%	19 Missing :warning:
src/components/Questions/Body.vue	70.45%	13 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #142 +/- ## ========================================== + Coverage 78.75% 79.40% +0.64% ========================================== Files 17 17 Lines 1370 1408 +38 Branches 404 409 +5 ========================================== + Hits 1079 1118 +39 - Misses 255 290 +35 + Partials 36 0 -36 ``` | [Flag](https://app.codecov.io/gh/avantifellows/quiz-frontend/pull/142/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=avantifellows) | Coverage Δ | | |---|---|---| | [chrome](https://app.codecov.io/gh/avantifellows/quiz-frontend/pull/142/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=avantifellows) | `79.40% <71.17%> (+0.64%)` | :arrow_up: | | [ui](https://app.codecov.io/gh/avantifellows/quiz-frontend/pull/142/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=avantifellows) | `79.40% <71.17%> (+0.64%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=avantifellows#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.