eyeSVG & center login

src/screens/Register.js

@@ -1,15 +1,15 @@
-import { View, Text, Pressable } from "react-native";
 import React, { useState } from "react";
-import Page from "../layouts/Page";
+import { Pressable, Text, View } from "react-native";
 import { background } from "../assets";
-import { Palette } from "../styles";
-import { FONT_FAMILY } from "../styles/Fonts";
-import { Input } from "../components/Input";
 import BorderGradientButton from "../components/BorderGradientButton";
-import { navigate } from "../navigation/NavigationService";
-import { Routes } from "../navigation";
+import { Input } from "../components/Input";
 import ItemContainer from "../components/ItemContainer/ItemContainer";
 import { isWeb } from "../hooks/useLayoutType";
+import Page from "../layouts/Page";
+import { Routes } from "../navigation";
+import { navigate } from "../navigation/NavigationService";
+import { Palette } from "../styles";
+import { FONT_FAMILY } from "../styles/Fonts";
 
 const Register = () => {
   const [email, setEmail] = useState("");
@@ -21,7 +21,13 @@ const Register = () => {
       headerType="NAVIGATION"
       title="Inscription"
     >
-      <View style={{ flex: 1, paddingTop: 20 }}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
         <ItemContainer height={360} disableKeyboardHeight>
           <View style={{ gap: 32, paddingTop: 5, paddingHorizontal: 5 }}>
             <Text