fix: set preferred language in registration

src/extensions/components/registration/Registration.tsx

@@ -32,7 +32,8 @@ import {
 	registrationSessionStorageKey,
 	RegistrationData,
 	NotificationsContext,
-	NOTIFICATION_TYPE_ERROR
+	NOTIFICATION_TYPE_ERROR,
+	LocaleContext
 } from '../../../globalState';
 import { GlobalComponentContext } from '../../../globalState/provider/GlobalComponentContext';
 import {
@@ -83,6 +84,7 @@ export const Registration = () => {
 	} = useContext(RegistrationContext);
 	const { consultant: preselectedConsultant } = useContext(UrlParamsContext);
 	const { tenant } = useContext(TenantContext);
+	const { locale } = useContext(LocaleContext);
 
 	const [stepData, setStepData] = useState<Partial<RegistrationData>>({});
 	const [redirectOverlayActive, setRedirectOverlayActive] =
@@ -185,7 +187,7 @@ export const Registration = () => {
 			agencyId: registrationData.agency.id.toString(),
 			postcode: registrationData.zipcode,
 			termsAccepted: 'true',
-			preferredLanguage: 'de',
+			preferredLanguage: locale || 'de',
 			consultingType: registrationData.agency.consultingType,
 			...(preselectedConsultant
 				? { consultantId: preselectedConsultant?.consultantId }
@@ -222,7 +224,8 @@ export const Registration = () => {
 		settings.multitenancyWithSingleDomainEnabled,
 		tenant,
 		addNotification,
-		t
+		t,
+		locale
 	]);
 
 	const stepPaths = useMemo(

src/globalState/provider/LocaleProvider.tsx

@@ -3,7 +3,10 @@ import { useContext, useEffect, useMemo, useState } from 'react';
 import i18n, { FALLBACK_LNG, init } from '../../i18n';
 import { InformalContext } from './InformalProvider';
 import { useAppConfig } from '../../hooks/useAppConfig';
-import { setValueInCookie } from '../../components/sessionCookie/accessSessionCookie';
+import {
+	getValueFromCookie,
+	setValueInCookie
+} from '../../components/sessionCookie/accessSessionCookie';
 import { useTenant } from './TenantProvider';
 import useTenantTheming from '../../utils/useTenantTheming';
 import { LocaleContext, TLocaleContext } from '../context/LocaleContext';
@@ -18,7 +21,11 @@ export function LocaleProvider(props) {
 	const [initLocale, setInitLocale] = useState(null);
 	const { informal } = useContext(InformalContext);
 	const [locales, setLocales] = useState([]);
-	const [locale, setLocale] = useState(null);
+	const [locale, setLocale] = useState(
+		getValueFromCookie('lang') ||
+			localStorage.getItem(STORAGE_KEY_LOCALE) ||
+			null
+	);
 
 	useEffect(() => {
 		// If using the tenant service we should load first the tenant because we need the