[To Main] DESENG-634: Update engagement cards; add suggested engagements block

[NatSquared]

Issue #: 🎟️ DESENG-634

Description of changes:

• Redesigned the engagement cards to match the new design system
• Added a new section to the engagement page to display suggested engagements
• Engagement cards now take you to the "new look" route
• Tweaks to the engagement list page layout
• Minor tweaks to the engagement view page layout

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 82.69231% with 9 lines in your changes missing coverage. Please review.

Project coverage is 75.92%. Comparing base (4ee26b0) to head (160b14f).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2547 +/- ## ======================================= Coverage 75.92% 75.92% ======================================= Files 607 608 +1 Lines 21958 21998 +40 Branches 1695 1709 +14 ======================================= + Hits 16671 16703 +32 - Misses 5024 5032 +8 Partials 263 263 ``` | [Flag](https://app.codecov.io/gh/bcgov/met-public/pull/2547/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/2547/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | `64.70% <82.69%> (+0.05%)` | :arrow_up: | 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/2547?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | Coverage Δ | | |---|---|---| | [...eb/src/components/common/Indicators/StatusChip.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FIndicators%2FStatusChip.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vSW5kaWNhdG9ycy9TdGF0dXNDaGlwLnRzeA==) | `73.91% <100.00%> (ø)` | | | [met-web/src/components/common/Navigation/Link.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?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%> (ø)` | | | [...t-web/src/components/common/Typography/Headers.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?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==) | `85.18% <100.00%> (+0.56%)` | :arrow_up: | | [met-web/src/components/landing/FilterDrawer.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FFilterDrawer.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL0ZpbHRlckRyYXdlci50c3g=) | `48.00% <100.00%> (+1.06%)` | :arrow_up: | | [...et-web/src/components/landing/LandingComponent.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FLandingComponent.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL0xhbmRpbmdDb21wb25lbnQudHN4) | `100.00% <100.00%> (ø)` | | | [...-web/src/components/landing/MetadataFilterChip.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FMetadataFilterChip.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL01ldGFkYXRhRmlsdGVyQ2hpcC50c3g=) | `100.00% <100.00%> (ø)` | | | [met-web/src/components/landing/TileBlock.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FTileBlock.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL1RpbGVCbG9jay50c3g=) | `90.00% <100.00%> (ø)` | | | [met-web/src/components/landing/TileSkeleton.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FTileSkeleton.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL1RpbGVTa2VsZXRvbi50c3g=) | `100.00% <100.00%> (ø)` | | | [met-web/src/styles/Theme.ts](https://app.codecov.io/gh/bcgov/met-public/pull/2547?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% <ø> (ø)` | | | [met-web/src/components/landing/EngagementTile.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2547?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Flanding%2FEngagementTile.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9sYW5kaW5nL0VuZ2FnZW1lbnRUaWxlLnRzeA==) | `73.61% <68.96%> (-2.96%)` | :arrow_down: | ... and [1 file with indirect coverage changes](https://app.codecov.io/gh/bcgov/met-public/pull/2547/indirect-changes?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
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 SonarCloud