fix confusing back navigation in questionnaire

Author: wbglaeser

src/ui/screens/question-pages/components/QuestionPageBackButton.js

@@ -16,14 +16,14 @@ const QuestionPageBackButton = ({ handleBack }) => {
                     gap: theme.spacing(1),
                     padding: '0',
                     backgroundColor: 'transparent',
-                    color: 'black.light',
+                    color: 'pink.main',
                     '&:hover': {
                         backgroundColor: 'transparent',
-                        color: 'black.light',
+                        color: 'black.main',
                     },
                     '&:focus': {
                         backgroundColor: 'transparent',
-                        color: 'black.light',
+                        color: 'pink.main',
                     }
                 }}
                 onClick={handleBack}

src/ui/screens/question-pages/next/QuestionPageNext.js

@@ -20,7 +20,7 @@ const QuestionPageNext = ({
 
     return (
         <Layout isApp={true} logo={false}>
-            <AppScreenWrapper scrollKey={currentQuestion} backTarget={'/onboarding-welcome'} >
+            <AppScreenWrapper scrollKey={currentQuestion} backTarget={questionsCount[0] > 1 ? null : '/onboarding-welcome'} >
                 <VBox sx={{ gap: 2 }}>
                     <QuestionPageHeader t={t} eligibleRPs={eligibleRPs} />
                     <QuestionPageQuestionsCount

src/ui/screens/question-pages/next/QuestionPageNextContainer.js

@@ -49,7 +49,6 @@ const QuestionPageNextContainer = () => {
         navigate
     });
 
-    // Some props for the UI
     const eligibleRPs = useMemo(() => {
         if (!validationReport?.reports || !metadata?.['ff:hasRP']) return [];