basic user profile screen

src/screens/UserProfileScreen.tsx

+import Box from "@components/bases/Box";
+import {} from "react";
+import {} from "react-native";
+
+import { useUserAuthenticationContext } from "@/contexts/UserAuthenticationContext";
+import BackgroundWithBeasyIconAndWhiteContentArea from "@components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea";
+import Text from "@components/bases/Text";
+import { LOG } from "@logger";
+
+const log = LOG.extend("UserProfileScreen");
+const UserProfileScreen = () => {
+	log.verbose("UserProfileScreen");
+
+	const { userInformations } = useUserAuthenticationContext();
+
+	return (
+		<BackgroundWithBeasyIconAndWhiteContentArea>
+			<>
+				<Box px={"m"} mt={"m"}>
+					<Text>Email :: {userInformations?.email}</Text>
+					<Text>Firstname :: {userInformations?.firstName}</Text>
+					<Text>LastNAme :: {userInformations?.lastName}</Text>
+					<Text>Username :: {userInformations?.username}</Text>
+					<Text>MarchandId :: {userInformations?.marchand.marchand_id}</Text>
+				</Box>
+			</>
+		</BackgroundWithBeasyIconAndWhiteContentArea>
+	);
+};
+
+export default UserProfileScreen;