Migrate/comments-modal component

[b0ink]

Student ID: s222313935

Description

Migrates the comments-modal component from CoffeeScript to TypeScript. This component is used to display images and PDFs from the task comments as a fullscreen modal popup, allowing users to view the content without needing to download or open it in another tab.

Type of change

• Migration

How Has This Been Tested?

• Log in as student_1 and select any unit and any task.
• Send an image and a PDF into the task comments either by manually attaching the files using the bottom left icon or dragging and dropping it over.
• Once uploaded, confirm the comments-modal is working correctly by clicking on the attachments in the comments and view images in fullscreen or PDFs embedded into the modal.

Before (images):

After (images):

Before (PDFs):

After (PDFs):

Testing Checklist:

• Tested in latest Chrome
• Tested in latest Safari
• Tested in latest Firefox

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

Component review PR: thoth-tech/documentation#519
ThothTech PR: thoth-tech#218