Extensions cleanup (#257)

* [Cleanup] Add enums and types

* Extract "default languages" from ISOLanguages

The "default languages" will also be translated depending on which language the user selected

src/components/SourceCard.tsx

@@ -15,9 +15,9 @@ import { Box, styled } from '@mui/system';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useHistory } from 'react-router-dom';
-import { langCodeToName } from 'util/language';
 import useLocalStorage from 'util/useLocalStorage';
 import { ISource } from 'typings';
+import { translateExtensionLanguage } from 'screens/util/Extensions';
 
 const MobileWidthButtons = styled('div')(({ theme }) => ({
     display: 'flex',
@@ -99,7 +99,7 @@ const SourceCard: React.FC<IProps> = (props: IProps) => {
                             </Typography>
                             {id !== '0' && (
                                 <Typography variant="caption" display="block" gutterBottom>
-                                    {langCodeToName(lang)}
+                                    {translateExtensionLanguage(lang)}
                                     {isNsfw && (
                                         <Typography variant="caption" display="inline" gutterBottom color="red">
                                             {' 18+'}

src/components/navbar/action/LangSelect.tsx

@@ -16,9 +16,9 @@ import IconButton from '@mui/material/IconButton';
 import FilterListIcon from '@mui/icons-material/FilterList';
 import { List, ListItemSecondaryAction, ListItemText } from '@mui/material';
 import ListItem from '@mui/material/ListItem';
-import { langCodeToName } from 'util/language';
 import cloneObject from 'util/cloneObject';
 import { useTranslation } from 'react-i18next';
+import { translateExtensionLanguage } from 'screens/util/Extensions';
 
 function removeAll(firstList: any[], secondList: any[]) {
     secondList.forEach((item) => {
@@ -93,7 +93,7 @@ export default function LangSelect(props: IProps) {
                     <List>
                         {allLangs.map((lang) => (
                             <ListItem key={lang}>
-                                <ListItemText primary={langCodeToName(lang)} />
+                                <ListItemText primary={translateExtensionLanguage(lang)} />
 
                                 <ListItemSecondaryAction>
                                     <Switch