[APP-1801] New splash screen (#9780)

* MVP splash

* MVP of login screen

* Hack a footer into the logged out view

* revert unneeded

(cherry picked from commit 296420aa0df433b101389c44b05a40696e7389ae)

* Update config

(cherry picked from commit eac421966dfdee99d4c818ac07835a2a97e7590f)

* Bump size slightly

app.config.js

@@ -310,26 +310,24 @@ module.exports = function (_config) {
         [
           'expo-splash-screen',
           {
-            ios: {
-              enableFullScreenImage_legacy: true,
-              backgroundColor: '#ffffff',
-              image: './assets/splash.png',
+            enableFullScreenImage_legacy: true, // iOS only
+            backgroundColor: '#EEF5FF', // based on illustration
+            image: './assets/splash/splash-mobile.png',
+            resizeMode: 'cover',
+            dark: {
+              enableFullScreenImage_legacy: true, // iOS only
+              backgroundColor: '#446DA9', // based on illustration
+              image: './assets/splash/splash-mobile-dark.png',
               resizeMode: 'cover',
-              dark: {
-                enableFullScreenImage_legacy: true,
-                backgroundColor: '#001429',
-                image: './assets/splash-dark.png',
-                resizeMode: 'cover',
-              },
             },
             android: {
-              backgroundColor: '#0c7cff',
-              image: './assets/splash-android-icon.png',
-              imageWidth: 150,
+              backgroundColor: '#A8CCFF', // primary_200
+              image: './assets/splash/android-splash-logo-white.png',
+              imageWidth: 105,
               dark: {
-                backgroundColor: '#0c2a49',
-                image: './assets/splash-android-icon-dark.png',
-                imageWidth: 150,
+                backgroundColor: '#00398A', // primary_800
+                image: './assets/splash/android-splash-logo-white.png',
+                imageWidth: 105,
               },
             },
           },