eyeSVG & center login

src/components/Input.js

@@ -1,24 +1,25 @@
-import {
-  Pressable,
-  TextInput,
-  InputAccessoryView,
-  Text,
-  View,
-  Image,
-  Keyboard,
-  Platform,
-} from "react-native";
 import { useState } from "react";
+import {
+  Image,
+  InputAccessoryView,
+  Keyboard,
+  Pressable,
+  Text,
+  TextInput,
+  View,
+} from "react-native";
 // import CountryPicker, { DARK_THEME } from "react-native-country-picker-modal";
 import usePlaceApi from "react-native-minuit/src/hooks/usePlacesApi";
 
 import { art, icons } from "../assets";
 import { Fonts, Palette, Style, gutters } from "../styles";
-import { FONT_FAMILY, fontTypeList } from "../styles/Fonts";
+import { FONT_FAMILY } from "../styles/Fonts";
 
-import { isWeb } from "../hooks/useLayoutType";
-import { GOOGLE_API_KEY } from "../data/keys";
 import { BlurView } from "expo-blur";
+import EyeSlashSVG from "../assets/UI/EyeSlashSVG";
+import EyeSVG from "../assets/UI/EyeSVG";
+import { GOOGLE_API_KEY } from "../data/keys";
+import { isWeb } from "../hooks/useLayoutType";
 
 const Input = ({
   inputRef = null,
@@ -189,11 +190,7 @@ const Input = ({
           )}
           {type === "password" ? (
             <Pressable onPress={() => setShowPassword(!showPassword)}>
-              <Image
-                source={icons.eye}
-                style={[Style.iconDefault]}
-                resizeMode="contain"
-              />
+              {showPassword ? <EyeSVG /> : <EyeSlashSVG />}
             </Pressable>
           ) : type === "coinAmount" ? (
             <Image