Unified styling for buttons

src/routes/Home/Home.tsx

@@ -43,6 +43,9 @@ export default function Home() {
   useEffect(() => {
     requestLocation();
   }, [location]);
+  useEffect(() => {
+    requestLocation();
+  }, []);
 
   async function getDistance(location: LocationType) {
     let dist = GetDistance(

src/routes/Login/Login.tsx

@@ -99,14 +99,10 @@ export default function Login() {
               }
             });
           }}
-          color={colors.secondary_3}
         >
           <Text style={styles.text_white_small}>Login</Text>
         </Button>
-        <Button
-          onPress={() => navigation.navigate("Register")}
-          color={colors.secondary_3}
-        >
+        <Button onPress={() => navigation.navigate("Register")}>
           <Text style={styles.text_white_small}>Register</Text>
         </Button>
       </AnimatedContainer>

src/routes/Register/Register.tsx

@@ -158,7 +158,6 @@ export default function Register() {
             {
             }
           }}
-          color={colors.secondary_3}
         >
           <Text style={styles.text_white_small}>Register</Text>
         </Button>

src/routes/SubjectsPage/SubjectsPage.tsx

@@ -201,7 +201,6 @@ export default function SubjectsPage() {
         </View>
         <View style={{ zIndex: -1 }}>
           <Button
-            color={colors.secondary_3}
             onPress={() => {
               if (subjectsOpen) {
                 setSelectedSubjects([]);

src/routes/UserInfoPage/UserInfoPage.tsx

@@ -311,7 +311,6 @@ export default function UserInfoPage() {
         <View style={styles.padding} />
         <View style={{ zIndex: -1 }}>
           <Button
-            color={colors.secondary_3}
             onPress={() => {
               if (isEditable) {
                 setYearLevelOpen(false);