settings und login verschönert

common/ThemeTypes.tsx

@@ -94,6 +94,7 @@ export const ThemeTextInput = ({ style, value, disabled, onValueChange, secureTe
             paddingRight: 14,
             paddingLeft: 8,
             paddingVertical: 1,
+            marginVertical: 5,
             borderColor: disabled ? colors.textDisabled : colors.text,
             borderWidth: 1,
         },

common/Toast.tsx

@@ -4,7 +4,6 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { ToastType, useToast } from "./ToastProvider";
 
 const fadeDuration = 300;
-const tabBarHeight = 60;
 
 export const Toast: React.FC = () => {
     const insets = useSafeAreaInsets();
@@ -60,7 +59,7 @@ export const Toast: React.FC = () => {
         <Animated.View
             style={[
                 styles.container,
-                { bottom: insets.bottom + tabBarHeight, opacity },
+                { top: insets.top + 20, opacity }, // Positioning at the top
             ]}
         >
             <View style={[styles.toast, { backgroundColor }]}>
@@ -86,4 +85,4 @@ const styles = StyleSheet.create({
         textAlign: "center",
         color: '#fff',
     },
-});
+});