new fonts, ui tweaks

app/(auth)/_layout.tsx

@@ -43,7 +43,7 @@ export default function TabLayout() {
         return (
           <DrawerContentScrollView {...props} style={{ height: "100%" }}>
             <View centerH centerV margin-30>
-              <Text text40>Welcome to Cally</Text>
+              <Text style={styles.title}>Welcome to Cally</Text>
             </View>
             <View
               style={{
@@ -101,7 +101,7 @@ export default function TabLayout() {
             <Button
               onPress={() => props.navigation.navigate("settings")}
               label={"Manage Settings"}
-              labelStyle={{fontFamily: "Manrope_500Medium"}}
+              labelStyle={styles.label}
               iconSource={() => (
                 <View
                   backgroundColor="#ededed"
@@ -120,8 +120,8 @@ export default function TabLayout() {
               paddingV-30
               marginH-30
               marginB-10
-              borderRadius={15}
-              style={{ elevation: 1 }}
+              borderRadius={18.55}
+              style={{ elevation: 0 }}
             />
 
             <Button
@@ -136,7 +136,7 @@ export default function TabLayout() {
               }}
               label="Sign out of Cally"
               color="#fd1775"
-              labelStyle={{fontFamily: 'Manrope_700Bold'}}
+              labelStyle={styles.signOut}
               onPress={() => signOut()}
             />
           </DrawerContentScrollView>
@@ -196,3 +196,13 @@ export default function TabLayout() {
     </Drawer>
   );
 }
+
+const styles = StyleSheet.create({
+  signOut: { fontFamily: "Poppins_500Medium", fontSize: 15 },
+  label: { fontFamily: "Poppins_400Medium", fontSize: 15 },
+  title: {
+    fontSize: 26.13,
+    fontFamily: 'Manrope_600SemiBold',
+    color: "#262627"
+  }
+});