upd: redesign

Deskripsi:
- login dan konfirmasi kode otp
- firebase code env

No Issues

constants/Colors.ts

@@ -6,7 +6,7 @@ export const Colors = {
     text: '#11181C',
     background: '#f7f7f7ff',
     tint: tintColorLight,
-    primary: '#19345E',
+    primary: '#1F3C88',
     icon: '#1F3C88',
     card: '#ffffff',
     tabIconDefault: '#687076',
@@ -24,7 +24,7 @@ export const Colors = {
     text: '#ECEDEE',
     background: '#0F1B2D',
     tint: tintColorDark,
-    primary: '#19345E',
+    primary: '#123A6F',
     icon: '#9DB9E8',
     card: '#16233A', // slightly lighter than background #151718
     tabIconDefault: '#9BA1A6',

constants/ConstEnv.ts

@@ -2,5 +2,14 @@ import Constants from 'expo-constants';
 
 export const ConstEnv = {
    url_storage: Constants?.expoConfig?.extra?.URL_STORAGE,
-   pass_encrypt: Constants?.expoConfig?.extra?.PASS_ENC
+   pass_encrypt: Constants?.expoConfig?.extra?.PASS_ENC,
+   firebase: {
+      apiKey: Constants?.expoConfig?.extra?.FIREBASE_API_KEY,
+      authDomain: Constants?.expoConfig?.extra?.FIREBASE_AUTH_DOMAIN,
+      projectId: Constants?.expoConfig?.extra?.FIREBASE_PROJECT_ID,
+      storageBucket: Constants?.expoConfig?.extra?.FIREBASE_STORAGE_BUCKET,
+      messagingSenderId: Constants?.expoConfig?.extra?.FIREBASE_MESSAGING_SENDER_ID,
+      appId: Constants?.expoConfig?.extra?.FIREBASE_APP_ID,
+      databaseURL: Constants?.expoConfig?.extra?.URL_FIREBASE_DB,
+   }
 }

constants/Styles.ts

@@ -88,6 +88,9 @@ const Styles = StyleSheet.create({
    mb15: {
       marginBottom: 15
    },
+   mb20: {
+      marginBottom: 20
+   },
    mb30: {
       marginBottom: 30
    },
@@ -130,6 +133,9 @@ const Styles = StyleSheet.create({
    mt15: {
       marginTop: 15
    },
+   mt30: {
+      marginTop: 30
+   },
    mr05: {
       marginRight: 5
    },
@@ -291,9 +297,9 @@ const Styles = StyleSheet.create({
       borderWidth: 1,
    },
    btnRound: {
-      backgroundColor: '#19345E',
+      backgroundColor: '#1F3C88',
       borderWidth: 0,
-      borderColor: '#19345E',
+      borderColor: '#1F3C88',
       alignItems: 'center',
       borderRadius: 30,
       marginTop: 15,
@@ -309,7 +315,7 @@ const Styles = StyleSheet.create({
    },
    btnLainnya: {
       alignSelf: 'flex-start',
-      backgroundColor: '#19345E',
+      backgroundColor: '#1F3C88',
       paddingVertical: 5,
       marginVertical: 5
    },