feat: show app version (#1775)

Co-authored-by: iGroza <[email protected]>

src/app.tsx

@@ -42,6 +42,7 @@ import {AppTheme, ModalType} from '@app/types';
 import {getAppTrackingAuthorizationStatus, sleep} from '@app/utils';
 import {SPLASH_TIMEOUT_MS} from '@app/variables/common';
 
+import {AppVersionAbsoluteView} from './components/app-version-absolute-view';
 import {migrationWallets} from './models/migration-wallets';
 
 const appTheme = createTheme({
@@ -223,6 +224,7 @@ export const App = () => {
               />
               <AppScreenSecurityOverview />
               {toast}
+              <AppVersionAbsoluteView />
             </NavigationContainer>
           </MenuProvider>
         </SafeAreaProvider>

src/components/app-version-absolute-view.tsx

@@ -0,0 +1,38 @@
+import {memo, useMemo} from 'react';
+
+import {View} from 'react-native';
+
+import {Color} from '@app/colors';
+import {createTheme} from '@app/helpers';
+import {getAppVersion, getBuildNumber} from '@app/services/version';
+import {STRINGS} from '@app/variables/common';
+
+import {Text} from './ui';
+
+export const AppVersionAbsoluteView = memo(() => {
+  const version = useMemo(
+    () =>
+      `v${STRINGS.NBSP}${getAppVersion()}${STRINGS.NBSP}(${getBuildNumber()})`,
+    [],
+  );
+  return (
+    <View style={styles.container}>
+      <Text clean style={styles.text}>
+        {version}
+      </Text>
+    </View>
+  );
+});
+
+const styles = createTheme({
+  container: {
+    position: 'absolute',
+    bottom: 2,
+    left: 2,
+  },
+  text: {
+    fontSize: 8,
+    lineHeight: 10,
+    color: Color.textBase2,
+  },
+});