feat(lang): add Catalan to language picker (#1309)

src/components/Layout/LanguagePicker/index.tsx

@@ -1,11 +1,11 @@
-import React, { useState, useRef, useContext } from 'react';
+import React, { useContext, useRef, useState } from 'react';
-import Transition from '../../Transition';
+import { defineMessages, useIntl } from 'react-intl';
-import useClickOutside from '../../../hooks/useClickOutside';
 import {
-  LanguageContext,
   AvailableLocales,
+  LanguageContext,
 } from '../../../context/LanguageContext';
-import { useIntl, defineMessages } from 'react-intl';
+import useClickOutside from '../../../hooks/useClickOutside';
+import Transition from '../../Transition';
 
 const messages = defineMessages({
   changelanguage: 'Change Language',
@@ -17,6 +17,10 @@ type AvailableLanguageObject = Record<
 >;
 
 const availableLanguages: AvailableLanguageObject = {
+  ca: {
+    code: 'ca',
+    display: 'Català',
+  },
   de: {
     code: 'de',
     display: 'Deutsch',

src/context/LanguageContext.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 
 export type AvailableLocales =
+  | 'ca'
   | 'de'
   | 'en'
   | 'es'

src/pages/_app.tsx

@@ -21,6 +21,8 @@ import '../styles/globals.css';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const loadLocaleData = (locale: AvailableLocales): Promise<any> => {
   switch (locale) {
+    case 'ca':
+      return import('../i18n/locale/ca.json');
     case 'de':
       return import('../i18n/locale/de.json');
     case 'es':