Migrate sentence report page

[LuizFNJ]

Description

In this PR, I migrated the sentence report page to MUI Material. This mostly involved replacing Col and Row with Grid and adapting the Divider and Typography from Ant Design to MUI.

Testing

In this PR, I managed to separate the pages as we discussed. The Col and Row were replaced by Grid, and in relation to this, the site's responsiveness needs to be tested. The divider is a very subtle element used to separate items on the website. It looks like a line, and to test it, you just need to check if its design is correct and if it doesn’t break anything. All the Typography from Ant Design was also replaced, so it’s necessary to check if there is any text that’s out of the pattern or breaking the design.

Components:

• Migrate component SentenceReportContent.tsx - Import { Col, Divider, Typography }; #1746
• Migrate component SentenceReportCard.tsx - Import { Col, Typography }; #1744
• Migrate component SentenceReportPreview.tsx - Import { Col }; #1725
• Migrate component SentenceReportSummary.tsx - Import { Row }; #1722
• Migrate component SentenceReportCard.style.tsx - Import { Row }; #1721
• Migrate component ClaimSummaryDisplay.tsx - Import { Typography }; #1737

A visual document outlining which visual parts of the site need to be tested:
Guia visual testes 1.pdf
This guide was created while I was making the changes. You’ll be able to use it in the following PRs as well.

closes #1746 , closes #1744 , closes #1725 , closes #1722 , closes #1721 , closes #1737

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud