penambahan folder screens, styles dan navigation

app/index.tsx

@@ -1,80 +1,9 @@
- 
-import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/constants/global-styles";
-import { useRouter } from "expo-router";
-import { useState } from "react";
-import { Text, View } from "react-native";
-import PhoneInput, { ICountry } from "react-native-international-phone-number";
+import LoginView from "@/screens/Authentication/LoginView";
 
 export default function Login() {
-  const router = useRouter();
-
-  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
-  const [inputValue, setInputValue] = useState<string>("");
-
-  function handleInputValue(phoneNumber: string) {
-    setInputValue(phoneNumber);
-  }
-
-  function handleSelectedCountry(country: ICountry) {
-    setSelectedCountry(country);
-  }
-
-  function handleLogin() {
-    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
-    const fixNumber = callingCode + inputValue;
-    console.log(fixNumber);
-    router.push("/verification");
-  }
-
   return (
-    <ViewWrapper withBackground>
-      <View style={Styles.authContainer}>
-        <View>
-          <View style={Styles.authContainerTitle}>
-            <Text style={Styles.authSubTitle}>WELCOME TO</Text>
-            <Spacing height={5} />
-            <Text style={Styles.authTitle}>HIPMI BADUNG APPS</Text>
-            <Spacing height={5} />
-          </View>
-          <Spacing height={50} />
-          <Text
-            style={{
-              position: "absolute",
-              bottom: 30,
-              right: 20,
-              fontSize: 10,
-              fontWeight: "thin",
-              fontStyle: "italic",
-              color: MainColor.white,
-            }}
-          >
-            powered by muku.id
-          </Text>
-        </View>
-
-        <PhoneInput
-          value={inputValue}
-          onChangePhoneNumber={handleInputValue}
-          selectedCountry={selectedCountry}
-          onChangeSelectedCountry={handleSelectedCountry}
-          defaultCountry="ID"
-          placeholder="Masukkan nomor"
-        />
-
-        <Spacing height={20} />
-
-        <ButtonCustom
-          title="Login"
-          backgroundColor={MainColor.yellow}
-          textColor={MainColor.black}
-          radius={10}
-          onPress={handleLogin}
-        />
-      </View>
-    </ViewWrapper>
+    <>
+      <LoginView />
+    </>
   );
 }