fix: scaling

Hopefully fixing scaling across different TV types for android/ios
Test for login screen at the moment

Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>

components/Button.tsx

@@ -14,6 +14,7 @@ import {
   TouchableOpacity,
   View,
 } from "react-native";
+import { fontSize, size } from "react-native-responsive-sizes";
 import { useHaptic } from "@/hooks/useHaptic";
 import { Loader } from "./Loader";
 
@@ -140,11 +141,15 @@ export const Button: React.FC<PropsWithChildren<ButtonProps>> = ({
         }}
       >
         <View
-          className={`rounded-2xl py-5 items-center justify-center 
+          className={`rounded-2xl items-center justify-center 
             ${colorClasses}
             ${className}`}
+          style={{ paddingVertical: size(20) }}
         >
-          <Text className={`${textColorClass} text-xl font-bold`}>
+          <Text
+            className={`${textColorClass} font-bold`}
+            style={{ fontSize: fontSize(20) }}
+          >
             {children}
           </Text>
         </View>