add color result interface

frontend/src/screen/result/ColorResult.js

+import React, { useEffect, useState } from "react";
+import { StyleSheet, View, Text, Pressable, ImageBackground, TouchableOpacity, Image } from 'react-native';
+import { SafeAreaView } from "react-native-safe-area-context";
+
+import Orientation from 'react-native-orientation-locker';
+import { useNavigation } from "@react-navigation/native";
+import BackButton from "../../component/BackButton";
+
+export default function ColorResult() {
+
+    const navigation = useNavigation();
+
+    React.useEffect(() => {
+
+        const unsubscribe = navigation.addListener("focus", () => {
+            // The screen is focused
+            // Call any action
+            Orientation.unlockAllOrientations();
+            Orientation.lockToLandscape();
+        });
+
+        return unsubscribe;
+    }, [navigation]);
+
+    return (
+        <SafeAreaView>
+            <View>
+                <ImageBackground style={styles.image} source={require("../../assets/result/2.jpg")}>
+                    <BackButton path="Home"/>
+                </ImageBackground>
+            </View>
+        </SafeAreaView>
+    )
+
+}
+
+const styles = StyleSheet.create({
+    body: {
+        flex: 1,
+    },
+    image: {
+        width: "100%",
+        height: "100%",
+    },
+})
\ No newline at end of file