improve summary page styles

- increase page padding
- increase gap between paragraphs
- increase font sizes
- have content vertically centered by margin: 'auto'

www/js/onboarding/StudySummary.tsx

@@ -31,16 +31,16 @@ const StudySummary = () => {
 const styles = StyleSheet.create({
   title: {
     fontWeight: "bold",
-    fontSize: 22,
+    fontSize: 24,
     paddingBottom: 10,
     textAlign: "center"
   },
   text: {
-    fontSize: 14,
+    fontSize: 15,
   },
   studyName: {
     fontWeight: "bold",
-    fontSize: 16
+    fontSize: 17,
   },
 });
 

www/js/onboarding/SummaryPage.tsx

@@ -21,8 +21,10 @@ const SummaryPage = () => {
   // summary of the study, followed by 'next' button
   return (<>
     <ScrollView contentContainerStyle={{flex: 1}}>
-      <Surface style={[onboardingStyles.page, {flex:1, gap: 16}]}>
-        <StudySummary />
+      <Surface style={[onboardingStyles.page, {flex: 1, padding: 32}]}>
+        <View style={{ gap: 40, margin: 'auto' }}>
+          <StudySummary />
+        </View>
         <View style={[onboardingStyles.buttonRow, {marginTop: 'auto'}]}>
           <Button mode='contained' onPress={next}> {t('intro.proceed')} </Button>
         </View>