Orientation change

frontend/src/screen/home.js

 import React from "react";
 import { StyleSheet, View, Text, Pressable, SafeAreaView, ScrollView, Image } from 'react-native';
+import Orientation from 'react-native-orientation-locker';
 import ImageButton from "../component/ImageButton";
 
 export default function Home({ navigation }){
@@ -8,6 +9,14 @@ export default function Home({ navigation }){
         navigation.navigate('Start');
     }
 
+    React.useEffect(() => {
+      const unsubscribe = navigation.addListener("focus", () => {
+        Orientation.unlockAllOrientations();
+        Orientation.lockToPortrait();
+      });
+      return unsubscribe;
+    }, [navigation]);
+
     return (
       <SafeAreaView>
         <ScrollView>

frontend/src/screen/splash/splash.js

 import { useNavigation } from "@react-navigation/native";
+import Orientation from 'react-native-orientation-locker';
 import React, { useEffect, useState } from "react";
 import { Image, View, Text} from "react-native";
 
 const Splash = () => {
 
+    const navigation = useNavigation();
+
     const [isGo,setIsGo] = useState(true);
     const Navigation = useNavigation();
+    React.useEffect(() => {
+        const unsubscribe = navigation.addListener("focus", () => {
+          Orientation.unlockAllOrientations();
+          Orientation.lockToPortrait();
+        });
+        return unsubscribe;
+      }, [navigation]);
+
 
     useEffect( ()=>{
         if(isGo == true){