add header part of the screen for closing and 'forgotten password'

src/screens/UserLoginScreen.tsx

@@ -3,12 +3,26 @@ import Input from "@components/Input";
 import BackgroundGreenWhiteContentArea from "@components/backgrounds/BackgroundGreenWhiteContentArea";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
+import { Fontisto } from "@expo/vector-icons";
 import { containers } from "@styles/Commons";
-import { KeyboardAvoidingView, Platform, View } from "react-native";
+import { KeyboardAvoidingView, Platform, SafeAreaView, TouchableOpacity, View } from "react-native";
 
 const UserLoginScreen = () => {
 	return (
 		<BackgroundGreenWhiteContentArea>
+			<SafeAreaView style={{ flex: 1 }}>
+				<Box
+					px={"m"}
+					justifyContent={"space-between"}
+					flexDirection={"row"}
+					alignItems={"center"}
+				>
+					<Fontisto name="close-a" size={12} color="black" />
+
+					<TouchableOpacity>
+						<Text>Mot de passe oublie ?</Text>
+					</TouchableOpacity>
+				</Box>
 				<Box
 					style={[containers.containerFull]}
 					p={"xl"}
@@ -49,6 +63,7 @@ const UserLoginScreen = () => {
 						/>
 					</Box>
 				</Box>
+			</SafeAreaView>
 		</BackgroundGreenWhiteContentArea>
 	);
 };