chore(Cross): [IOAPPX-307] Add useScreenEndMargin hook

[dmnplb]

Short description

This PR adds the new useScreenEndMargin, a specific hook to use when you have to develop a new screen and you want to get a safe numeric value to set as paddingBottom for the ScrollView. This hook automatically takes into account each device configuration (devices with safe area boundaries and devices without)

This should also help to prevent the inclusion of SafeAreaView (or similar) which results in a white block at the corresponding bottom safe area (see image below):

Note

To learn more about the technical details, take a look at the hook file and its comments

Important

If you already use FooterActions or IOScrollView you don't need this hook because the end margin is already taken into account

List of changes proposed in this pull request

• Add useScreenEndMargin hook
• Refactor and remove useless useMemo in IOScrollView and FooterActions
• Add relative example screen in the DS (Screen End Margin)

How to test

• Launch the app in the local environment
• Go to the Design System → Screen End Margin (under Debug)

[pagopa-github-bot]

Affected stories

• ⚙️ IOAPPX-307: Aggiunta di un hook per ottenere il margine inferiore di una schermata
  subtask of
  • ⚡ IOAPPX-32: Design System

Generated by 🚫 dangerJS against d9e3f56

[codecov]

Codecov Report

Attention: Patch coverage is 42.10526% with 44 lines in your changes missing coverage. Please review.

Project coverage is 50.04%. Comparing base (4f204b4) to head (d9e3f56).
Report is 138 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #5808      +/-   ##
==========================================
+ Coverage   48.42%   50.04%   +1.61%     
==========================================
  Files        1488     1646     +158     
  Lines       31617    32611     +994     
  Branches     7669     7925     +256     
==========================================
+ Hits        15311    16320    +1009     
+ Misses      16238    16233       -5     
+ Partials       68       58      -10     

Files	Coverage Δ
ts/features/design-system/navigation/navigator.tsx	18.75% <ø> (-4.11%)	⬇️
ts/features/design-system/navigation/routes.ts	100.00% <ø> (ø)
...tures/zendesk/screens/ZendeskSupportHelpCenter.tsx	74.28% <100.00%> (+1.97%)	⬆️
...es/design-system/components/DesignSystemScreen.tsx	11.11% <0.00%> (ø)
ts/hooks/useScreenEndMargin.tsx	83.33% <83.33%> (ø)
.../features/design-system/core/DSScreenEndMargin.tsx	25.00% <25.00%> (ø)
ts/features/design-system/DesignSystem.tsx	29.62% <16.66%> (-5.16%)	⬇️
ts/components/ui/IOScrollView.tsx	63.23% <52.63%> (ø)
ts/components/ui/FooterActions.tsx	13.33% <7.69%> (ø)

... and 634 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a7fb875...d9e3f56. Read the comment docs.

[Vangaorth]

LGTM