re configured naming conventions

components/button.component.js

@@ -4,14 +4,14 @@ import themeColors from '../assets/colors';
 
 export const AppButton = (props) => {
   return(
-    <TouchableOpacity onPress={props.onPress} style={styles.Button}>
-      <Text style={styles.Text}>{props.label}</Text>
+    <TouchableOpacity onPress={props.onPress} style={styles.button}>
+      <Text style={styles.label}>{props.label}</Text>
     </TouchableOpacity>
   )
 }
 
 const styles = StyleSheet.create({
-  Button:{
+  button:{
     alignItems: "center",
     padding: 10,
     fontSize: 16,
@@ -19,7 +19,7 @@ const styles = StyleSheet.create({
     borderRadius: 20,
     margin: 20
   },
-  Text: {
+  label: {
     fontFamily: 'Poppins-Black',
     fontSize: 22,
     color: themeColors.WHITE