[GEKIDOU] Bottom Tab Navigation (#5600)

* Started with bottom tabs layout

* code clean up

* Added animation to bottom tab bar

* returns null if not focused

* code clean up

* Updating layout

* Updated modal screen

* Updated animation

* Updated animation

* Fix SafeArea on Home

* A few clean ups

* code clean up

* Fix issue with navigation on Android

* Use React Navigation in combination of RNN & create bottom tab bar

* Set tab bar line separator height to 0.5

* Fix snapshot tests

* Add home tab mention badge

* Apply new themes

* Home Tab badge

* Remove unused constants

Co-authored-by: Avinash Lingaloo <>
Co-authored-by: Elias Nahum <nahumhbl@gmail.com>

app/components/error_text/__snapshots__/error_text.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`ErrorText should match snapshot 1`] = `
   style={
     Array [
       Object {
-        "color": "#fd5960",
+        "color": "#d24b4e",
         "fontSize": 12,
         "marginBottom": 15,
         "marginTop": 15,

app/components/error_text/error_text.test.tsx

@@ -15,7 +15,7 @@ describe('ErrorText', () => {
             fontSize: 14,
             marginHorizontal: 15,
         },
-        theme: Preferences.THEMES.default,
+        theme: Preferences.THEMES.denim,
         error: 'Username must begin with a letter and contain between 3 and 22 characters including numbers, lowercase letters, and the symbols',
     };