Set up foundation for translations page

.eslintrc.js

@@ -6,94 +6,94 @@ module.exports = {
   },
   parserOptions: { ecmaVersion: 8 }, // to enable features such as async/await
   // We don't want to lint generated files nor node_modules, but we want to lint .prettierrc.json (ignored by default by eslint)
-  ignorePatterns: ['node_modules/*', '.next/*', '.out/*', '!.prettierrc.json'],
-  extends: ['eslint:recommended', 'next', 'prettier'],
-  settings: { react: { version: 'detect' } },
+  ignorePatterns: ["node_modules/*", ".next/*", ".out/*", "!.prettierrc.json"],
+  extends: ["eslint:recommended", "next", "prettier"],
+  settings: { react: { version: "detect" } },
   overrides: [
     {
-      files: ['.prettierrc.json'],
+      files: [".prettierrc.json"],
 
       // default parser esprima does not support json
-      parser: '@typescript-eslint/parser',
+      parser: "@typescript-eslint/parser",
     },
 
     // This configuration will apply only to TypeScript files
     {
-      files: ['**/*.ts', '**/*.tsx', 'src/**/*.js'],
-      parser: '@typescript-eslint/parser',
+      files: ["**/*.ts", "**/*.tsx", "src/**/*.js"],
+      parser: "@typescript-eslint/parser",
       env: {
         browser: true,
         node: true,
         es6: true,
       },
       extends: [
-        'plugin:@typescript-eslint/recommended', // TypeScript rules
-        'plugin:jsx-a11y/recommended', // Accessibility rules
+        "plugin:@typescript-eslint/recommended", // TypeScript rules
+        "plugin:jsx-a11y/recommended", // Accessibility rules
       ],
-      plugins: ['no-switch-statements'],
+      plugins: ["no-switch-statements"],
       rules: {
-        '@typescript-eslint/no-non-null-assertion': 'off',
-        '@typescript-eslint/explicit-module-boundary-types': 'off',
-        '@typescript-eslint/no-unused-vars': ['error'],
-        '@typescript-eslint/member-ordering': [
-          'error',
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/no-unused-vars": ["error"],
+        "@typescript-eslint/member-ordering": [
+          "error",
           {
-            default: { memberTypes: 'never', order: 'alphabetically' },
-            classes: ['field', 'constructor', 'method'],
-            interfaces: ['signature', 'method', 'constructor', 'field'],
+            default: { memberTypes: "never", order: "alphabetically" },
+            classes: ["field", "constructor", "method"],
+            interfaces: ["signature", "method", "constructor", "field"],
           },
         ],
-        curly: 'error',
-        'import/order': [
-          'error',
+        curly: "error",
+        "import/order": [
+          "error",
           {
-            groups: [['external', 'builtin']],
-            'newlines-between': 'always',
+            groups: [["external", "builtin"]],
+            "newlines-between": "always",
           },
         ],
-        'jsx-a11y/anchor-is-valid': 'off',
-        'no-console': 'error',
-        'no-switch-statements/no-switch': 'error',
-        'prefer-const': ['error', {}],
-        'react/jsx-handler-names': [
-          'error',
+        "jsx-a11y/anchor-is-valid": "off",
+        "no-console": "error",
+        "no-switch-statements/no-switch": "error",
+        "prefer-const": ["error", {}],
+        "react/jsx-handler-names": [
+          "error",
           {
-            eventHandlerPrefix: 'on',
-            eventHandlerPropPrefix: 'on',
+            eventHandlerPrefix: "on",
+            eventHandlerPropPrefix: "on",
           },
         ],
-        'react/jsx-no-target-blank': 'error',
-        'react/jsx-sort-props': [
-          'error',
+        "react/jsx-no-target-blank": "error",
+        "react/jsx-sort-props": [
+          "error",
           {
             ignoreCase: true,
             reservedFirst: true,
           },
         ],
-        'react/no-danger': 'error',
-        'react/no-deprecated': 'error',
-        'react/no-typos': 'error',
-        'react/no-unknown-property': 'error',
-        'react/no-unsafe': [
-          'error',
+        "react/no-danger": "error",
+        "react/no-deprecated": "error",
+        "react/no-typos": "error",
+        "react/no-unknown-property": "error",
+        "react/no-unsafe": [
+          "error",
           {
             checkAliases: true,
           },
         ],
-        'react/no-unused-prop-types': 'error',
-        'react/prefer-stateless-function': 'error',
-        'react/prop-types': 'off',
-        'react/react-in-jsx-scope': 'off',
-        'react-hooks/exhaustive-deps': 'off',
-        'react/self-closing-comp': [
-          'error',
+        "react/no-unused-prop-types": "error",
+        "react/prefer-stateless-function": "error",
+        "react/prop-types": "off",
+        "react/react-in-jsx-scope": "off",
+        "react-hooks/exhaustive-deps": "error",
+        "react/self-closing-comp": [
+          "error",
           {
             component: true,
             html: true,
           },
         ],
-        'sort-keys': 'error',
-        'sort-vars': 'error',
+        "sort-keys": "error",
+        "sort-vars": "error",
       },
     },
   ],