Cosmetics and fixes to previous commit

Author: benjaminaaron

src/ui/language/translations.js

@@ -184,8 +184,8 @@ const translations = {
             topicsChosen: {
                 topicsTitle: "Selected topics",
                 topicsText: "Based on your chosen topics we will provide you with a list of benefits you may be eligible for.",
-                benefitTitle: "Selected benefit",
-                benefitText: "Based on your chosen benefit we will ask you the questions necessary to determine your eligibility.",
+                benefitsTitle: "Selected benefits",
+                benefitsText: "Based on your chosen benefits we will ask you the questions necessary to determine your eligibilities.",
                 noChoiceTitle: "You have not selected any topics. The quick check will be applied to all topics.",
                 discoverBtn: "Discover your benefits",
             },
@@ -502,8 +502,8 @@ const translations = {
             topicsChosen: {
                 topicsTitle: "Ausgewählte Themen",
                 topicsText: "Basierend auf deinen ausgewählten Themen stellen wir dir eine Liste von Leistungen zur Verfügung, für die du möglicherweise infrage kommst.",
-                benefitTitle: "Ausgewählte Leistung",
-                benefitText: "Basierend auf deiner ausgewählten Leistung stellen wir dir die notwendigen Fragen, um deine Anspruchsberechtigung zu ermitteln.",
+                benefitsTitle: "Ausgewählte Leistungen",
+                benefitsText: "Basierend auf deinen ausgewählten Leistungen stellen wir dir die notwendigen Fragen, um deine Anspruchsberechtigungen zu ermitteln.",
                 noChoiceTitle: "Du hast keine Themen ausgewählt. Der Schnellcheck wird auf alle Themen angewendet.",
                 discoverBtn: "Entdecke deine Leistungen",
             },

src/ui/screens/benefit-page/components/BenefitPageHeader.js

@@ -92,7 +92,7 @@ const BenefitPageHeader = ({ id, benefit, validatedStatus, categoryTitles }) =>
                                 }
                             }}
                             component={Link}
-                            to={'/onboarding-welcome/'}
+                            to={'/onboarding-welcome'}
                             onClick={() => {
                                 setSelectedBenefits([id]);
                                 clearSelectedTopics()

src/ui/screens/eligibilty-overview/components/EligibilityOverviewItem.js

@@ -115,7 +115,7 @@ const EligibilityOverviewItem = ({ t, item, eligible }) => {
                                 setSelectedBenefits([item.id]);
                             }}
                             text={'app.browseAll.checkElBtn'}
-                            link={`/onboarding-welcome/`}
+                            link={`/onboarding-welcome`}
                             size='small'
                             endIcon={<ChevronRightIcon sx={{ fontSize: '16px' }} />}
                         />

src/ui/screens/eligibilty-overview/components/EligibilityOverviewItemDetails.js

@@ -30,7 +30,7 @@ const EligibilityOverviewItemDetails = ({ item, eligible }) => {
                             setSelectedBenefits([item.id]);
                         }}
                         text={'app.browseAll.checkElBtn'}
-                        link={`/onboarding-welcome/`}
+                        link={`/onboarding-welcome`}
                         size='small'
                     />
                 }

src/ui/screens/onboarding-pages/overview/OnboardingWelcomeOverview.js

@@ -43,10 +43,10 @@ const OnboardingWelcomeOverviewView = ({
                                 : (
                                     <>
                                         <Typography variant="h2" sx={{ color: 'pink.main', fontWeight: '500' }}>
-                                            {isBenefitMode() ? t('app.topicsChosen.benefitTitle') : t('app.topicsChosen.topicsTitle')}
+                                            {isBenefitMode() ? t('app.topicsChosen.benefitsTitle') : t('app.topicsChosen.topicsTitle')}
                                         </Typography>
                                         <Typography variant="body1">
-                                            {isBenefitMode() ? t('app.topicsChosen.benefitText') : t('app.topicsChosen.topicsText')}
+                                            {isBenefitMode() ? t('app.topicsChosen.benefitsText') : t('app.topicsChosen.topicsText')}
                                         </Typography>
                                     </>)}
                     </VBox>
@@ -58,11 +58,13 @@ const OnboardingWelcomeOverviewView = ({
                                     borderRadius: theme.shape.borderRadius,
                                     backgroundColor: 'white.main',
                                 }}>
-                                    {benefitTitles.map((title, idx) => (
-                                        <Typography key={idx} variant="h2" sx={{ fontWeight: '400' }}>
-                                            {title}
-                                        </Typography>
-                                    ))}
+                                    <VBox>
+                                        {benefitTitles.map((title, idx) => (
+                                            <Typography key={idx} variant="h2" sx={{ fontWeight: '400' }}>
+                                                {title}
+                                            </Typography>
+                                        ))}
+                                    </VBox>
                                 </HBox>
                             </VBox>
                         ) : (