fix: Return EN locale w/out Promise.resolve(), prerender language picker in header (#1370)

Author: rschristian

src/components/header/index.jsx

@@ -133,16 +133,15 @@ function LanguagePicker() {
 						}
 						aria-label={translate('i18n', 'selectYourLanguage')}
 					>
-						{typeof window !== 'undefined' &&
-							Object.entries(config.locales).map(([id, label]) => (
-								<button
-									class={cx(id == lang && style.current)}
-									data-value={id}
-									onClick={e => setLang(e.currentTarget.dataset.value)}
-								>
-									{label}
-								</button>
-							))}
+						{Object.entries(config.locales).map(([id, label]) => (
+							<button
+								class={cx(id == lang && style.current)}
+								data-value={id}
+								onClick={e => setLang(e.currentTarget.dataset.value)}
+							>
+								{label}
+							</button>
+						))}
 					</ExpandableNavLink>
 				)}
 			</NavMenu>

src/lib/i18n.jsx

@@ -52,7 +52,7 @@ export function LanguageProvider({ children }) {
 	const [lang, setLang] = useState('en');
 
 	const translations = useResource(() => {
-		if (lang == 'en') return Promise.resolve(englishTranslations);
+		if (lang == 'en') return englishTranslations;
 		let url = '';
 		for (const translationURL in translationURLs) {
 			if (translationURL.includes(`/${lang}.json`)) {