reformatting of PDF to create all sections needed

src/app/[locale]/(main)/match/components/FeuilleMatchPDF.tsx

@@ -84,37 +84,46 @@ export const FeuilleMatchPdf = ({ data }: IProps) => {
             marginTop: 10,
           }}
         >
-          <View style={{ width: "33%", border: "1px solid black" }}>
-            <Text>
+          <View
+            style={{ width: "35%", border: "1px solid black", padding: 10 }}
+          >
+            <Text style={{ textAlign: "center" }}>
               A RENVOYER AU PLUS TARD LE LENDEMAIN DU JOUR DE LA RENCONTRE A:
             </Text>
-            <Text>Thierry Généreau</Text>
-            <Text>thierry.genereau@orange.fr</Text>
+            <Text style={{ textAlign: "center" }}>Thierry Généreau</Text>
+            <Text style={{ textAlign: "center" }}>
+              thierry.genereau@orange.fr
+            </Text>
           </View>
           <View style={{ width: "60%", flexDirection: "column" }}>
             <View
               style={{
                 flexDirection: "row",
+                justifyContent: "space-between",
                 gap: 10,
                 border: "1px solid black",
-                paddingVertical: 10,
+                height: 40,
                 columnGap: 80,
+                padding: 2,
               }}
             >
               <Text>Responsable de la rencontre:</Text>
-              <Text>Signature:</Text>
+              <Text style={{ marginRight: 100 }}>Signature:</Text>
             </View>
             <View
               style={{
                 flexDirection: "row",
+                justifyContent: "space-between",
                 gap: 10,
                 border: "1px solid black",
-                paddingVertical: 10,
                 columnGap: 80,
+                height: 40,
+                marginTop: 5,
+                padding: 2,
               }}
             >
               <Text>L'arbitre:</Text>
-              <Text>Signature:</Text>
+              <Text style={{ marginRight: 100 }}>Signature:</Text>
             </View>
           </View>
         </View>

src/app/[locale]/(main)/match/components/pdf/styles.ts

@@ -1,7 +1,12 @@
 import { StyleSheet } from "@react-pdf/renderer";
 
 export const styles = StyleSheet.create({
-  page: { flexDirection: "column", padding: 30, fontSize: 10 },
+  page: {
+    flexDirection: "column",
+    paddingHorizontal: 30,
+    paddingVertical: 10,
+    fontSize: 10,
+  },
   header: { marginBottom: 10, textAlign: "center" },
   title: { fontSize: 18, fontWeight: "bold", marginBottom: 2 },
   section: { margin: 10, padding: 10, flexGrow: 1 },