Journal Display With Comments - Copy this React, Mui Component to your project

Using Material UI and TypeScript, make a ReactJS journal component. The component would accept userID and journalID as props. userId and journalId are objectIds from a mongodb collection. The journal component will have two panes, a journal entry display on the left half of the page and an add comment section in the right half of the page. Journal entry should have basic fields like journal title, shared on date, last updated date, journal description and an area to display multiple images and videos. Comment section should have a heading of "Comments" with total number of comments, form to add comments and a list of previous comments under it. Previous comments should have name of the person, date and time of comment and unread comments should show a read dot. Under this, the comment should be displayed along with a trash can icon in upper right to delete the comment.