fix homescreen safearea

screens/HomeScreen.tsx

@@ -4,10 +4,17 @@ import {RootStackScreenProps} from "../types.js";
 import Rive from 'rive-react-native';
 import {useRef} from "react";
 import {RiveViewManager} from "rive-react-native/lib/typescript/Rive.js";
+import {useSafeAreaInsets} from "react-native-safe-area-context";
+
+export default function App({ navigation }: RootStackScreenProps<'Home'>) {
+    const riveRef = useRef();
+    const insets = useSafeAreaInsets();
+
     const styles = StyleSheet.create({
         background: {
             backgroundColor: 'black',
             height: '100%',
+            paddingTop: insets.top,
         },
 
         container:{
@@ -47,9 +54,6 @@ const styles = StyleSheet.create({
         },
 
     });
-
-export default function App({ navigation }: RootStackScreenProps<'Home'>) {
-    const riveRef = useRef();
     return (
         <SafeAreaView style={styles.background}>
 

screens/WatchLaterScreen.tsx

@@ -12,7 +12,7 @@ export default function WatchLaterScreen({ navigation }: RootTabScreenProps<'Wat
     const styles = StyleSheet.create({
         container: {
             flex: 1,
-            paddingTop: insets.top + 22,
+            paddingTop: 22,
             backgroundColor: "#232323"
         },
         linearGradient: {