[To Main] DESENG-630 - Create header section for new engagement page

[NatSquared]

Issue #: 🎟️ DESENG-630

Description of changes:

• Feature Add new header to "new look" engagement page
  • Added a new hero image to the new engagement page
  • Added a header overlaying the hero image
  • The header uses the sponsor name, CTA message, and CTA URL from DESENG-629, as well as the engagement title, dates, and status
  • Added new engagement status chips for use in the header
  • Added link from the old engagement page offering the option to preview the new engagement page
  • Added global width limit to the public view to avoid display issues on very wide screens
• Task De-duplicate link code and only use \s from the common/Navigation module

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

Project coverage is 75.98%. Comparing base (141efd6) to head (c2aee83). Report is 3 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2539 +/- ## ======================================= Coverage 75.97% 75.98% ======================================= Files 603 603 Lines 21784 21800 +16 Branches 1671 1678 +7 ======================================= + Hits 16551 16564 +13 - Misses 4970 4974 +4 + Partials 263 262 -1 ``` | [Flag](https://app.codecov.io/gh/bcgov/met-public/pull/2539/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/2539/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov) | `64.55% <76.92%> (+0.02%)` | :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/2539?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/Button.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FInput%2FButton.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vSW5wdXQvQnV0dG9uLnRzeA==) | `94.80% <ø> (ø)` | | | [met-web/src/components/common/Input/index.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FInput%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vSW5wdXQvaW5kZXgudHN4) | `100.00% <ø> (ø)` | | | [met-web/src/components/common/Navigation/Link.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?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%> (ø)` | | | [met-web/src/components/common/Typography/index.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FTypography%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vVHlwb2dyYXBoeS9pbmRleC50c3g=) | `100.00% <100.00%> (ø)` | | | [...engagement/view/EngagementBanner/BannerSection.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fview%2FEngagementBanner%2FBannerSection.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L3ZpZXcvRW5nYWdlbWVudEJhbm5lci9CYW5uZXJTZWN0aW9uLnRzeA==) | `100.00% <100.00%> (ø)` | | | [...mponents/engagement/view/widgets/Map/MapWidget.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fview%2Fwidgets%2FMap%2FMapWidget.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L3ZpZXcvd2lkZ2V0cy9NYXAvTWFwV2lkZ2V0LnRzeA==) | `34.88% <100.00%> (+1.55%)` | :arrow_up: | | [met-web/src/components/common/Typography/Body.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?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.47% <66.66%> (+12.83%)` | :arrow_up: | | [met-web/src/components/common/Layout/index.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fcommon%2FLayout%2Findex.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9jb21tb24vTGF5b3V0L2luZGV4LnRzeA==) | `75.00% <50.00%> (-10.72%)` | :arrow_down: | | [.../src/components/engagement/view/EngagementView.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?src=pr&el=tree&filepath=met-web%2Fsrc%2Fcomponents%2Fengagement%2Fview%2FEngagementView.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bcgov#diff-bWV0LXdlYi9zcmMvY29tcG9uZW50cy9lbmdhZ2VtZW50L3ZpZXcvRW5nYWdlbWVudFZpZXcudHN4) | `77.41% <81.81%> (+0.49%)` | :arrow_up: | | [...t-web/src/components/common/Typography/Headers.tsx](https://app.codecov.io/gh/bcgov/met-public/pull/2539?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==) | `73.07% <70.83%> (-1.93%)` | :arrow_down: | ... and [1 file with indirect coverage changes](https://app.codecov.io/gh/bcgov/met-public/pull/2539/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
0 New issues
1 Accepted issue

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud