Refactor app flows and refresh UI components

src/components/FullscreenIntroVideo.native.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useRef } from 'react'
-import { View, Pressable, Text } from 'react-native'
+import { Pressable, StyleSheet, Text, View } from 'react-native'
 import { VideoView, useVideoPlayer } from 'expo-video'
 import { videos } from '../assets'
 import { Portal } from '@gorhom/portal'
@@ -96,7 +96,6 @@ const FullscreenIntroVideo = ({
         pointerEvents="box-none"
         style={{
           position: 'absolute',
-          paddingHorizontal: 10,
           top: 0,
           left: 0,
           right: 0,
@@ -111,15 +110,7 @@ const FullscreenIntroVideo = ({
           player={player}
           nativeControls={false}
           contentFit={contentFit}
-          height="100%"
-          width="100%"
-          // style={{
-          //   position: "absolute",
-          //   top: 0,
-          //   bottom: 0,
-          //   left: 24,
-          //   right: 24,
-          // }}
+          style={StyleSheet.absoluteFill}
         />
         {allowSkip ? (
           <Pressable