chore(Cross): [IOAPPX-265] Add a new debug screen with the sticky behaviour of the action block

[dmnplb]

Short description

This PR adds a new debug screen with the sticky behaviour of the action block. This screen is intended as a playground to test the feasibility of the functionality in light of the new message detail screen layout.

Known issues:

• The action block flashes for a few milliseconds at the beginning of the ScrollView when the screen is loaded

List of changes proposed in this pull request

• Add the new debug screen to the DS navigator
• Add the new DSStickyMessageCTAs screen component

Preview

https://github.com/pagopa/io-app/assets/1255491/c5d2cfb3-7bd1-4002-87bc-70089aa983dc

How to test

1. Go to the Design System section
2. Scroll the page, gently or not
3. Try to add different types of buttons (only ButtonSolid, ButtonSolid + ButtonLink, etc…)

[pagopa-github-bot]

Affected stories

• ⚙️ IOAPPX-265: Comportamento sticky del blocco CTA nel dettaglio dei messaggi subtask of
  • ⚡ IOAPPX-32: Design System

Generated by :no_entry_sign: dangerJS against bf1ad9b458d372221ec44ffd8416617a26aba153

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 12.00000% with 22 lines in your changes are missing coverage. Please review.

Project coverage is 49.52%. Comparing base (4f204b4) to head (bf1ad9b). Report is 75 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/pagopa/io-app/pull/5623?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #5623 +/- ## ========================================== + Coverage 48.42% 49.52% +1.09% ========================================== Files 1488 1603 +115 Lines 31617 31886 +269 Branches 7669 7651 -18 ========================================== + Hits 15311 15792 +481 + Misses 16238 16040 -198 + Partials 68 54 -14 ``` | [Files](https://app.codecov.io/gh/pagopa/io-app/pull/5623?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | Coverage Δ | | |---|---|---| | [ts/features/design-system/navigation/navigator.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5623?src=pr&el=tree&filepath=ts%2Ffeatures%2Fdesign-system%2Fnavigation%2Fnavigator.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvZGVzaWduLXN5c3RlbS9uYXZpZ2F0aW9uL25hdmlnYXRvci50c3g=) | `22.85% <ø> (ø)` | | | [ts/features/design-system/navigation/routes.ts](https://app.codecov.io/gh/pagopa/io-app/pull/5623?src=pr&el=tree&filepath=ts%2Ffeatures%2Fdesign-system%2Fnavigation%2Froutes.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvZGVzaWduLXN5c3RlbS9uYXZpZ2F0aW9uL3JvdXRlcy50cw==) | `100.00% <ø> (ø)` | | | [...eatures/design-system/core/DSStickyMessageCTAs.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5623?src=pr&el=tree&filepath=ts%2Ffeatures%2Fdesign-system%2Fcore%2FDSStickyMessageCTAs.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvZGVzaWduLXN5c3RlbS9jb3JlL0RTU3RpY2t5TWVzc2FnZUNUQXMudHN4) | `12.00% <12.00%> (ø)` | | ... and [420 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/5623/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pagopa/io-app/pull/5623?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pagopa/io-app/pull/5623?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [2da9302...bf1ad9b](https://app.codecov.io/gh/pagopa/io-app/pull/5623?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa).