[Improvement] Leveraging SidePanel API for better Visualisation of Quiz

[Roaster05]

Pull Request Overview

This pull request, associated with issue #29, aims to enhance the visualization of the generated Quiz by leveraging SidePanel's API. The primary focus is on improving the user experience through enhanced visual representation.

Implementation Details

To achieve this objective, a background script named serviceWorker.js has been introduced. This script serves as the event listener responsible for triggering the opening of the SidePanel within our extension. Furthermore, modifications have been made to the manifest.json file to encompass permissions necessary for integrating SidePanel and its associated files seamlessly.

Additionally, adjustments have been made to the question_generation.js script and the styling file question_generation.css to accommodate the changes required for seamless integration with sidePanel.html. An alert feature has also been implemented, prompting users to open the SidePanel for convenient access to the generated questions.

Current Status

It's important to note that the screencast accompanying this pull request has a slightly extended duration due to the time required for generating questions.

Screencast.from.2024-03-23.15-51-40.webm

Reviewers

This pull request has been reviewed by the following individuals:

• @prarabdhshukla
• @MiHarsh