[To Main] DESENG 633: Engagement Survey Block

[NatSquared]

Issue #: 🎟️ DESENG-633

Description of changes:

• Feature Add a new survey block to the engagement page
  • Added a survey block to the new engagement page matching the designs from UX
  • The survey block displays side-by-side with the second widget of the engagement
  • The survey block is not displayed if there is no survey and no second widget
  • Customized the rich text editor/display to render links and h2 elements using the correct components
  • Transitioned many new design system components to rely on Material theming for colors and typography, allowing for areas with dark backgrounds to have light text and vice versa
  • Moved useLoaderData() calls to within smaller components to reduce prop drilling, improve readability, make it easier to test components in isolation, and make it easier to create skeletons for loading states

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of the met-public license (Apache 2.0).

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 88.23529% with 6 lines in your changes missing coverage. Please review.

Please upload report for BASE (main@18b019d). Learn more about missing BASE report.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2546 +/- ## ======================================= Coverage ? 75.97% ======================================= Files ? 605 Lines ? 21850 Branches ? 1695 ======================================= Hits ? 16600 Misses ? 4987 Partials ? 263 ``` | [Flag](https://app.codecov.io/gh/bcgov/met-public/pull/2546/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | Coverage Δ | | |---|---|---| | [metweb](https://app.codecov.io/gh/bcgov/met-public/pull/2546/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | `64.64% <88.23%> (?)` | | 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=bcgov#carryforward-flags-in-the-pull-request-comment) to find out more. | [Files](https://app.codecov.io/gh/bcgov/met-public/pull/2546?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | Coverage Δ | | |---|---|---| | [met-web/src/components/common/Input/TextInput.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FInput%2FTextInput.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vSW5wdXQvVGV4dElucHV0LnRzeA==) | `100.00% <100.00%> (ø)` | | | [met-web/src/components/common/Navigation/Link.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FNavigation%2FLink.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vTmF2aWdhdGlvbi9MaW5rLnRzeA==) | `100.00% <100.00%> (ø)` | | | [...web/src/components/common/RichTextEditor/index.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FRichTextEditor%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vUmljaFRleHRFZGl0b3IvaW5kZXgudHN4) | `80.00% <100.00%> (ø)` | | | [met-web/src/components/common/Typography/Body.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FTypography%2FBody.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vVHlwb2dyYXBoeS9Cb2R5LnRzeA==) | `76.19% <ø> (ø)` | | | [...t-web/src/components/common/Typography/Headers.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FTypography%2FHeaders.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vVHlwb2dyYXBoeS9IZWFkZXJzLnRzeA==) | `84.61% <100.00%> (ø)` | | | [met-web/src/components/common/index.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vaW5kZXgudHN4) | `92.30% <100.00%> (ø)` | | | [...ment/form/EngagementWidgets/Subscribe/constants.ts](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fform%2FEngagementWidgets%2FSubscribe%2Fconstants.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L2Zvcm0vRW5nYWdlbWVudFdpZGdldHMvU3Vic2NyaWJlL2NvbnN0YW50cy50cw==) | `100.00% <ø> (ø)` | | | [...-web/src/components/engagement/view/EmailModal.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fview%2FEmailModal.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L3ZpZXcvRW1haWxNb2RhbC50c3g=) | `53.84% <100.00%> (ø)` | | | [...ement/view/widgets/Timeline/TimelineWidgetView.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fview%2Fwidgets%2FTimeline%2FTimelineWidgetView.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L3ZpZXcvd2lkZ2V0cy9UaW1lbGluZS9UaW1lbGluZVdpZGdldFZpZXcudHN4) | `29.16% <ø> (ø)` | | | [met-web/src/styles/Theme.ts](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree&filepath=met-web%2Fsrc%2Fstyles%2FTheme.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvc3R5bGVzL1RoZW1lLnRz) | `100.00% <100.00%> (ø)` | | | ... and [2 more](https://app.codecov.io/gh/bcgov/met-public/pull/2546?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | |

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud