chore: [IEL-54] Adjusted pdf vertical positioning (#7861)

## Short description
Adjusts FCI PDF/document layouts to account for footer safe-area
measurements so content positioning remains correct above footer
actions.

## List of changes proposed in this pull request
- Measure footer actions/safe-area and apply bottom margins in
`DocumentWithSignature` and `FciDocumentsScreen`
- for `DocumentWithSignature` there's spacing added above the footer
button
[extraFooterActionsMargin](https://github.com/pagopa/io-app/pull/7861/changes#diff-22a00a9883d0bdf296564791d8745fc2354d0cf4f0e42fe1a3dc85e9211bc988R66)
in order to match the look of `FciDocumentsScreen`

## How to test
Start from MESSAGE_DETAIL for a signature request in state
WAIT_FOR_SIGNATURE, then access from the message a document to sign
(`FciDocumentsScreen`) and the same document with signature preview
(`DocumentWithSignature`)

<table><tr><th>Before</th><th>After</th></tr><tr><td>
<img width="617" height="1319" alt="image"
src="https://github.com/user-attachments/assets/7a3b8afe-696b-4f89-902a-99fd510861f0"
/>
</td><td>
<img width="617" height="1320" alt="image"
src="https://github.com/user-attachments/assets/eb717078-e728-42a9-b8eb-2c4dee2cd4d3"
/>
</td></tr><tr><td>
<img width="615" height="1318" alt="image"
src="https://github.com/user-attachments/assets/0ed8ead0-7b20-4a96-a60b-d16eac50dd20"
/>
</td><td>
<img width="616" height="1318" alt="image"
src="https://github.com/user-attachments/assets/2411c3e9-533e-474f-9201-3d81bae4d8e4"
/>
</td></tr></table>

---------

Co-authored-by: Alice Di Rico <83651704+Ladirico@users.noreply.github.com>

Author: soixdev91

ts/features/fci/components/DocumentWithSignature.tsx

@@ -5,6 +5,9 @@ import {
   HSpacer,
   IconButton,
   IOColors,
+  IOSpacing,
+  IOSpacingScale,
+  useFooterActionsMeasurements,
   useIOTheme,
   VSpacer
 } from "@pagopa/io-app-design-system";
@@ -13,7 +16,7 @@ import { constNull, pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
 import I18n from "i18next";
 import { useCallback, useRef, useState } from "react";
-import { StyleSheet } from "react-native";
+import { StyleSheet, View } from "react-native";
 import Pdf, { PdfRef } from "react-native-pdf";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { ExistingSignatureFieldAttrs } from "../../../../definitions/fci/ExistingSignatureFieldAttrs";
@@ -60,8 +63,13 @@ const DocumentWithSignature = (props: Props) => {
   const dispatch = useIODispatch();
   const onContinuePress = () => props.onClose();
 
+  const extraFooterActionsMargin: IOSpacingScale = 16;
+
   const theme = useIOTheme();
 
+  const { footerActionsMeasurements, handleFooterActionsMeasurements } =
+    useFooterActionsMeasurements();
+
   const continueButtonProps: ButtonBlockProps = {
     onPress: onContinuePress,
     label: I18n.t("features.fci.documents.footer.backToSignFieldsList")
@@ -225,8 +233,19 @@ const DocumentWithSignature = (props: Props) => {
         disabled={false}
         testID={"FciDocumentsNavBarTestID"}
       />
-      <RenderMask />
+      <View
+        style={{
+          flex: 1,
+          marginBottom:
+            footerActionsMeasurements.safeBottomAreaHeight -
+            IOSpacing.screenEndMargin +
+            extraFooterActionsMargin
+        }}
+      >
+        <RenderMask />
+      </View>
       <FooterActions
+        onMeasure={handleFooterActionsMeasurements}
         actions={{
           type: "SingleButton",
           primary: continueButtonProps

ts/features/fci/screens/valid/FciDocumentsScreen.tsx

@@ -1,4 +1,9 @@
-import { FooterActionsInline, IOColors } from "@pagopa/io-app-design-system";
+import {
+  FooterActionsInline,
+  IOColors,
+  IOSpacing,
+  useFooterActionsInlineMeasurements
+} from "@pagopa/io-app-design-system";
 import {
   RouteProp,
   StackActions,
@@ -69,6 +74,11 @@ const FciDocumentsScreen = () => {
   const isFocused = useIsFocused();
   const [focusEpoch, setFocusEpoch] = useState(0);
 
+  const {
+    footerActionsInlineMeasurements,
+    handleFooterActionsInlineMeasurements
+  } = useFooterActionsInlineMeasurements();
+
   useEffect(() => {
     if (documents.length !== 0 && isFocused) {
       dispatch(fciDownloadPreview.request({ url: documents[currentDoc].url }));
@@ -272,8 +282,18 @@ const FciDocumentsScreen = () => {
       <View style={{ flex: 1 }} testID={"FciDocumentsScreenTestID"}>
         {documents.length > 0 && (
           <>
-            {renderPager()}
+            <View
+              style={{
+                flex: 1,
+                marginBottom:
+                  footerActionsInlineMeasurements.safeBottomAreaHeight -
+                  IOSpacing.screenEndMargin
+              }}
+            >
+              {renderPager()}
+            </View>
             <FooterActionsInline
+              onMeasure={handleFooterActionsInlineMeasurements}
               startAction={cancelButtonProps}
               endAction={endActionButtonProps}
             />