Refactor profile screen layout and user preference handling

src/components/form/BudgetInput.js

@@ -16,7 +16,7 @@ export default function BudgetInput({ value, currency, period, onChangePeriod, o
 
   return (
     <View style={styles.wrap}>
-      <Text style={styles.label}>Dein Budget (optional)</Text>
+      <Text style={styles.label}>Betrag (optional)</Text>
       <Text style={styles.hint}>Ohne Budget bleibt die Preisbewertung offen.</Text>
       <View style={styles.row}>
         <Text style={styles.currency}>{currency}</Text>
@@ -54,12 +54,7 @@ export default function BudgetInput({ value, currency, period, onChangePeriod, o
 
 const styles = StyleSheet.create({
   wrap: {
-    backgroundColor: colors.surface,
-    borderColor: colors.border,
-    borderRadius: 18,
-    borderWidth: 1,
-    gap: 10,
-    padding: 14
+    gap: 10
   },
   hint: {
     color: colors.muted,
@@ -102,6 +97,8 @@ const styles = StyleSheet.create({
     borderRadius: 12,
     borderWidth: 1,
     flexGrow: 1,
+    minHeight: 44,
+    justifyContent: 'center',
     paddingHorizontal: 10,
     paddingVertical: 9
   },

src/components/form/SettingsSwitchRow.js

@@ -2,9 +2,9 @@ import { StyleSheet, Switch, Text, View } from 'react-native';
 
 import { colors } from '../../utils/constants';
 
-export default function SettingsSwitchRow({ label, description, value, onValueChange }) {
+export default function SettingsSwitchRow({ label, description, value, onValueChange, embedded = false }) {
   return (
-    <View style={styles.row}>
+    <View style={[styles.row, embedded && styles.embeddedRow]}>
       <View style={styles.copy}>
         <Text style={styles.label}>{label}</Text>
         <Text style={styles.description}>{description}</Text>
@@ -31,6 +31,12 @@ const styles = StyleSheet.create({
     gap: 12,
     padding: 14
   },
+  embeddedRow: {
+    backgroundColor: 'transparent',
+    borderWidth: 0,
+    borderRadius: 0,
+    padding: 0
+  },
   copy: {
     flex: 1
   },