fix: failing tests

src/components/AppFooter/__tests__/LanguageSettings.spec.tsx

@@ -4,6 +4,7 @@ import userEvent from '@testing-library/user-event';
 import LanguageSettings from '../LanguageSettings';
 
 jest.mock('@deriv-com/translations', () => ({
+    getAllowedLanguages: jest.fn(() => ({ EN: 'English' })),
     useTranslations: jest.fn(),
 }));
 

src/components/AppHeader/MobileMenu/__tests__/MenuHeader.spec.tsx

@@ -12,6 +12,7 @@ jest.mock('@deriv-com/ui', () => ({
 }));
 
 jest.mock('@deriv-com/translations', () => ({
+    getAllowedLanguages: jest.fn(() => ({ EN: 'English' })),
     useTranslations: jest.fn(),
 }));
 

src/components/AppHeader/MobileMenu/__tests__/MobileMenu.spec.tsx

@@ -29,6 +29,7 @@ jest.mock('@deriv-com/api-hooks', () => ({
 }));
 
 jest.mock('@deriv-com/translations', () => ({
+    getAllowedLanguages: jest.fn(() => ({ EN: 'English' })),
     useTranslations: jest.fn().mockReturnValue({
         currentLang: 'EN',
         localize: jest.fn(text => text),

src/constants/languages.tsx

@@ -1,4 +1,4 @@
-import { SVGProps } from 'react';
+import { ComponentType, SVGProps } from 'react';
 import {
     FlagArabLeagueIcon,
     FlagBangladeshIcon,
@@ -25,7 +25,7 @@ import {
 import { getAllowedLanguages } from '@deriv-com/translations';
 
 type TFlagComponent = {
-    [key: string]: React.ComponentType<SVGProps<SVGSVGElement>>;
+    [key: string]: ComponentType<SVGProps<SVGSVGElement>>;
 };
 
 const flagComponents: TFlagComponent = {