Fix locales import (#1648)

* Fix locales imports

* Add shell

* Add direct access to login form

* Uptate snapshot

Author: alpanayotov

src/components/header/index.tsx

@@ -22,6 +22,12 @@ export const Header: React.FunctionComponent = () => {
 					<NavLink to={Routes.ABOUT}>{t('About')}</NavLink>
 				</li>
 
+				{!authState.token && (
+					<li>
+						<NavLink to={Routes.LOGIN}>{t('Login')}</NavLink>
+					</li>
+				)}
+
 				{!!authState.token && (
 					<>
 						<li>

src/containers/home/__snapshots__/index.test.tsx.snap

@@ -2,6 +2,10 @@
 
 exports[`Home component should render successfully 1`] = `
 <Wrapper>
-  Homepage
+  <div
+    className="o-shell"
+  >
+    Homepage
+  </div>
 </Wrapper>
 `;

src/containers/home/index.tsx

@@ -6,7 +6,11 @@ import { Wrapper } from '@components';
 export const Home: React.FunctionComponent = () => {
 	const { t } = useTranslation();
 
-	return <Wrapper>{t('Homepage')}</Wrapper>;
+	return (
+		<Wrapper>
+			<div className="o-shell">{t('Homepage')}</div>
+		</Wrapper>
+	);
 };
 
 export default Home;

src/i18n/index.ts

@@ -2,12 +2,12 @@ import i18n from 'i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
-import en from '../assets/locale/translations.json';
-import de from '../assets/locale/de.json';
+import * as en from '../assets/locale/translations.json';
+import * as de from '../assets/locale/de.json';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import locales from './locales';
+import * as locales from './locales';
 
 const resources = {
 	en: {