Upgraded RN, dependencies, refactor

Author: IronTony

src/App.tsx

@@ -1,22 +1,9 @@
-import React, { FC, Suspense, useEffect } from 'react';
-import { StatusBar } from 'react-native';
-import { Provider } from 'react-redux';
-import { PersistGate } from 'redux-persist/integration/react';
-import 'react-native-gesture-handler';
-import { enableScreens } from 'react-native-screens';
-import { NavigationContainer } from '@react-navigation/native';
-import * as eva from '@eva-design/eva';
-import { ApplicationProvider, IconRegistry, Layout } from '@ui-kitten/components';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { store, persistor } from '@redux/store';
-import { isMountedRef, navigationRef } from '@routes/navigationUtils';
-import Splashscreen from '@components/Splashscreen';
 import { AntDesignIconsPack } from '@components/IconsAdapter/antdesign-icons';
 import { EntypoIconsPack } from '@components/IconsAdapter/entypo-icons';
 import { EvilIconsPack } from '@components/IconsAdapter/evil-icons';
 import { FeatherIconsPack } from '@components/IconsAdapter/feather-icons';
-import { FontAwesomeIconsPack } from '@components/IconsAdapter/fontawesome-icons';
 import { FontAwesome5IconsPack } from '@components/IconsAdapter/fontawesome5-icons';
+import { FontAwesomeIconsPack } from '@components/IconsAdapter/fontawesome-icons';
 import { FontistoIconsPack } from '@components/IconsAdapter/fontisto-icons';
 import { FoundationIconsPack } from '@components/IconsAdapter/foundation-icons';
 import { IoniconsIconsPack } from '@components/IconsAdapter/ionicons-icons';
@@ -25,10 +12,23 @@ import { MaterialCommunityIconsPack } from '@components/IconsAdapter/materialcom
 import { OcticonsIconsPack } from '@components/IconsAdapter/octicons-icons';
 import { SimpleLineIconsIconsPack } from '@components/IconsAdapter/simpleline-icons';
 import { ZocialIconsPack } from '@components/IconsAdapter/zocial-icons';
-import { RootStackScreen } from '@routes';
+import Splashscreen from '@components/Splashscreen';
+import * as eva from '@eva-design/eva';
 import '@i18n';
+import { NavigationContainer } from '@react-navigation/native';
+import { store, persistor } from '@redux/store';
+import { RootStackScreen } from '@routes';
+import { isMountedRef, navigationRef } from '@routes/navigationUtils';
 import theme, { globalStyle } from '@theme';
 import { palette } from '@theme/colors';
+import { ApplicationProvider, IconRegistry, Layout } from '@ui-kitten/components';
+import React, { FC, Suspense, useEffect } from 'react';
+import { StatusBar } from 'react-native';
+import 'react-native-gesture-handler';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { enableScreens } from 'react-native-screens';
+import { Provider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
 
 enableScreens();
 

src/components/AppVersion/index.tsx

@@ -1,7 +1,7 @@
+import env from '@env';
 import React, { FC } from 'react';
 import { Text, View } from 'react-native';
 import VersionNumber from 'react-native-version-number';
-import env from '@env';
 import styles from './styles';
 
 const EnvInfoView: FC = () => {

src/components/AppVersion/styles.ts

@@ -1,5 +1,5 @@
-import { StyleSheet } from 'react-native';
 import { palette } from '@theme/colors';
+import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
   infoText: {

src/components/GenericHeader/index.tsx

@@ -1,6 +1,6 @@
+import { Icon, TopNavigation } from '@ui-kitten/components';
 import React, { FC, memo, ReactNode } from 'react';
 import { StyleProp, Text, TouchableOpacity, View, ViewStyle } from 'react-native';
-import { Icon, TopNavigation } from '@ui-kitten/components';
 import styles from './styles';
 
 interface IGenericHeader {

src/components/GenericHeader/styles.ts

@@ -1,6 +1,6 @@
-import { StyleSheet } from 'react-native';
-import { fonts } from '@theme/fonts';
 import theme from '@theme';
+import { fonts } from '@theme/fonts';
+import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
   headerContainer: {

src/components/GenericModal/index.tsx

@@ -1,9 +1,9 @@
-import React, { useCallback, FC, ReactNode } from 'react';
-import { TouchableOpacity, ScrollView, Text } from 'react-native';
-import { StackActions, useNavigation } from '@react-navigation/native';
-import { Icon } from '@ui-kitten/components';
 import GenericHeader from '@components/GenericHeader';
 import NHCSafeAreaView from '@components/NHCSafeAreaView';
+import { StackActions, useNavigation } from '@react-navigation/native';
+import { Icon } from '@ui-kitten/components';
+import React, { useCallback, FC, ReactNode } from 'react';
+import { TouchableOpacity, ScrollView, Text } from 'react-native';
 import styles from './styles';
 
 interface IModalPage {

src/components/GenericModal/styles.ts

@@ -1,6 +1,6 @@
-import { StyleSheet } from 'react-native';
 import { palette } from '@theme/colors';
 import { fonts } from '@theme/fonts';
+import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
   container: {

src/components/NHCSafeAreaView/index.tsx

@@ -1,7 +1,7 @@
+import { globalStyle } from '@theme';
 import React, { FC } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { Edge, SafeAreaView } from 'react-native-safe-area-context';
-import { globalStyle } from '@theme';
 
 interface ISAW {
   readonly edges?: Edge[];

src/i18n/index.ts

@@ -1,6 +1,6 @@
-import { Text } from 'react-native';
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
+import { Text } from 'react-native';
 import { defaultLanguage, languagesResources } from './languageConfig';
 import RNLanguageDetector from './languageDetector';
 

src/i18n/languageDetector.ts

@@ -1,6 +1,6 @@
 import AsyncStorage from '@react-native-community/async-storage';
-import { findBestAvailableLanguage } from 'react-native-localize';
 import noop from 'lodash/noop';
+import { findBestAvailableLanguage } from 'react-native-localize';
 import { defaultLanguage, languagesResources } from './languageConfig';
 
 const LOCALE_PERSISTENCE_KEY = 'app_locale';