chore: use language switcher from plugin

Author: openscript

gatsby-browser.ts

@@ -1 +0,0 @@
-export { wrapPageElement } from './src/wrapPageElement';

gatsby-ssr.ts

@@ -1 +0,0 @@
-export { wrapPageElement } from './src/wrapPageElement';

src/layouts/default/LanguageSelector.tsx

@@ -1,28 +1,14 @@
 import { css } from '@emotion/react';
-import { Link } from 'gatsby';
-import { useContext } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { PageContext } from '../../wrapPageElement';
+import { LanguageSwitcher } from 'gatsby-plugin-i18n-l10n';
+import { useIntl } from 'react-intl';
 
 const languageSelectorStyles = () => css`
   display: flex;
   align-items: center;
 `;
 
 export default function LanguageSelector() {
-  const pageContext = useContext(PageContext);
+  const intl = useIntl();
 
-  return (
-    <nav css={languageSelectorStyles}>
-      <ul>
-        {pageContext.translations?.map(p => (
-          <li key={p.locale}>
-            <Link to={p.path}>
-              <FormattedMessage id={`languages.${p.locale}`} />
-            </Link>
-          </li>
-        ))}
-      </ul>
-    </nav>
-  );
+  return <LanguageSwitcher css={languageSelectorStyles} resolveLanguageName={locale => intl.formatMessage({ id: `languages.${locale}` })} />;
 }