clean up some login stuff

components/Global/helpers/switch-with-label.tsx

@@ -14,8 +14,7 @@ interface SwitchWithLabelProps {
 export function SwitchWithLabel(props: SwitchWithLabelProps) {
     const id = `switch-${props.size.toString().slice(1)}-${props.checked ?? ''}}`
     return (
-      <Theme name={"inverted_purple"}>
-        <XStack alignItems="center" gap="$3">
+      <XStack alignItems="center" gap="$3">
           <Label
           
           size={props.size}
@@ -23,18 +22,19 @@ export function SwitchWithLabel(props: SwitchWithLabelProps) {
           >
             {props.label}
           </Label>
-          <Separator minHeight={20} vertical />
-          <Switch 
-            id={id} 
-            size={props.size} 
-            checked={props.checked} 
-            onCheckedChange={(checked: boolean) => props.onCheckedChange(checked)}
-            backgroundColor={props.backgroundColor ?? Colors.Primary}
-            >
-            <Switch.Thumb animation="quicker" />
-          </Switch>
+          <Theme name={"inverted_purple"}>
+            <Separator minHeight={20} vertical />
+            <Switch 
+              id={id} 
+              size={props.size} 
+              checked={props.checked} 
+              onCheckedChange={(checked: boolean) => props.onCheckedChange(checked)}
+              backgroundColor={props.backgroundColor ?? Colors.Primary}
+              >
+              <Switch.Thumb animation="quicker" />
+            </Switch>
+          </Theme>
         </XStack>
-      </Theme>
     )
   }
   

components/Login/helpers/server-address.tsx

@@ -79,7 +79,8 @@ export default function ServerAddress(): React.JSX.Element {
                     value={serverAddress}
                     placeholder="jellyfin.org"
                     onChangeText={setServerAddress}
-                    flexGrow
+                    autoCapitalize="none"
+                    autoCorrect={false}
                 />
             </XStack>
 

components/Login/helpers/server-authentication.tsx

@@ -68,11 +68,15 @@ export default function ServerAuthentication(): React.JSX.Element {
                     placeholder="Username"
                     value={username}
                     onChangeText={(value) => setUsername(value)}
+                    autoCapitalize="none"
+                    autoCorrect={false}
                     />
                 <Input
                     placeholder="Password"
                     value={password}
                     onChangeText={(value) => setPassword(value)}
+                    autoCapitalize="none"
+                    autoCorrect={false}
                     secureTextEntry
                     />
             </YStack>