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/login/TVInput.tsx

@@ -6,6 +6,7 @@ import {
   TextInput,
   type TextInputProps,
 } from "react-native";
+import { fontSize, size } from "react-native-responsive-sizes";
 
 interface TVInputProps extends TextInputProps {
   label?: string;
@@ -58,8 +59,8 @@ export const TVInput: React.FC<TVInputProps> = ({
       <Animated.View
         style={{
           transform: [{ scale }],
-          borderRadius: 10,
-          borderWidth: 3,
+          borderRadius: size(20),
+          borderWidth: size(6),
           borderColor: isFocused ? "#FFFFFF" : "#333333",
         }}
       >
@@ -69,8 +70,8 @@ export const TVInput: React.FC<TVInputProps> = ({
           allowFontScaling={false}
           style={[
             {
-              height: 68,
-              fontSize: 24,
+              height: size(200),
+              fontSize: fontSize(12),
               color: "#FFFFFF",
             },
             style,