Include safeAreaInset bottom to HomeSceneUi4

It looks like the SceneWrapper is incorrectly applying padding to scenes
with tabs, but rather than fixing the SceneWrapper which is high-risk,
just apply the padding manually.

src/components/ui4/scenes/HomeSceneUi4.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { View } from 'react-native'
 import FastImage from 'react-native-fast-image'
 import Animated from 'react-native-reanimated'
-import { useSafeAreaFrame } from 'react-native-safe-area-context'
+import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context'
 
 import { showBackupForTransferModal } from '../../../actions/BackupModalActions'
 import { useHandler } from '../../../hooks/useHandler'
@@ -39,12 +39,19 @@ export const HomeSceneUi4 = (props: Props) => {
 
   const { width: screenWidth } = useSafeAreaFrame()
 
+  // TODO: Include this fix in the SceneWrapper component
+  const safeAreaInsets = useSafeAreaInsets()
+
   // Evenly distribute the home cards into 4 quadrants:
   const cardSize = screenWidth / 2 - theme.rem(TEMP_PADDING_REM)
 
   const account = useSelector(state => state.core.account)
   const isLightAccount = account.username == null
 
+  //
+  // Handlers
+  //
+
   const handleBuyPress = useHandler(() => {
     if (isLightAccount) {
       showBackupForTransferModal(() => navigation.navigate('upgradeUsername', {}))
@@ -83,7 +90,12 @@ export const HomeSceneUi4 = (props: Props) => {
       {({ insetStyle, undoInsetStyle }) => (
         <>
           <WiredProgressBar />
-          <Animated.ScrollView onScroll={handleScroll} style={undoInsetStyle} contentContainerStyle={[insetStyle]} scrollIndicatorInsets={{ right: 1 }}>
+          <Animated.ScrollView
+            onScroll={handleScroll}
+            style={undoInsetStyle}
+            contentContainerStyle={[{ ...insetStyle, paddingBottom: insetStyle.paddingBottom + safeAreaInsets.bottom }]}
+            scrollIndicatorInsets={{ right: 1 }}
+          >
             <SectionView extendRight marginRem={TEMP_PADDING_REM}>
               <>
                 <EdgeAnim enter={{ type: 'fadeInUp', distance: 140 }}>