Added page break + Improvement footer behaviour

src/exams/pdf/test.report.footer.tsx

@@ -3,7 +3,7 @@ import { styles } from "./styles";
 import { View, Text } from "@react-pdf/renderer";
 
 const TestReportFooter = () => (
-  <View style={[{ paddingTop: 30, fontSize: 5 }, styles.textFont]}>
+  <View style={[{ paddingTop: 30, fontSize: 5, position: 'absolute', bottom: 30, left: 35, right: 35 }, styles.textFont,]}>
     <View
       style={[
         styles.spacedRow,

src/exams/pdf/test.report.tsx

@@ -80,7 +80,7 @@ const TestReport = ({
           <Text style={defaultTextStyle}>Email: {email}</Text>
           <Text style={defaultTextStyle}>Gender: {gender}</Text>
         </View>
-        <View style={{ flex: 1 }}>
+        <View style={{ height: '120px' }}>
           <Text
             style={[
               styles.textFont,
@@ -109,6 +109,9 @@ const TestReport = ({
           </View>
         </View>
         <View style={[{ paddingTop: 30 }, styles.separator]}></View>
+        <TestReportFooter />
+      </Page>
+      <Page style={styles.body}>
         <View>
           <Text
             style={[