Use pickLang() also for topic language

Author: benjaminaaron

src/ui/screens/onboarding-pages/components/ClickableTopicBox.js

@@ -3,6 +3,7 @@ import { Typography, Button } from '@mui/material';
 import { HBox } from "@/ui/shared-components/LayoutBoxes";
 import theme from "@/theme";
 import { useLanguageStore } from '@/ui/storage/useLanguageStore';
+import { pickLang } from "@/ui/language/useTranslation";
 
 const ClickableTopicBox = ({ topic, onClick }) => {
     const language = useLanguageStore((state) => state.language);
@@ -36,7 +37,7 @@ const ClickableTopicBox = ({ topic, onClick }) => {
                 }}
             >
                 <Typography variant="body1" sx={{ whiteSpace: 'wrap' }}>
-                    {language === "de" ? topic.title.de : topic.title.en}
+                    {pickLang(topic.title, language, '')}
                 </Typography>
             </Button>
         </HBox>

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

@@ -7,6 +7,7 @@ import RegularButton from '@/ui/shared-components/buttons/RegularButton';
 import TimeIcon from '../components/TimeIcon';
 import BenefitsIcon from '../components/BenefitsIcon';
 import AppScreenWrapperContainer from '@/ui/shared-components/app-screen-wrapper/AppScreenWrapperContainer';
+import { pickLang } from "@/ui/language/useTranslation";
 
 const OnboardingWelcomeOverviewView = ({
     t,
@@ -81,7 +82,7 @@ const OnboardingWelcomeOverviewView = ({
                                         }}>
                                         <VBox sx={{ gap: 2 }}>
                                             <Typography variant="h2">
-                                                {language === "de" ? topic.title.de : topic.title.en}
+                                                {pickLang(topic.title, language, '')}
                                             </Typography>
                                             <ul>
                                                 {rps.map((rpTitle, i) => (