Polish mobile and web experience

apps/mobile/components/ui/Input.tsx

@@ -3,7 +3,9 @@ import {
   Text,
   TextInput,
   View,
+  type StyleProp,
   type TextInputProps,
+  type ViewStyle,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 
@@ -17,6 +19,7 @@ type InputProps = TextInputProps & {
   leftIcon?: keyof typeof Ionicons.glyphMap;
   labelAccessory?: React.ReactNode;
   hint?: string;
+  containerStyle?: StyleProp<ViewStyle>;
 };
 
 export function Input({
@@ -26,13 +29,14 @@ export function Input({
   leftIcon,
   labelAccessory,
   hint,
+  containerStyle,
   style,
   ...props
 }: InputProps) {
   const { colors } = useAppTheme();
 
   return (
-    <View style={styles.wrapper}>
+    <View style={[styles.wrapper, containerStyle]}>
       <View style={styles.labelRow}>
         <Text style={[styles.label, { color: colors.foreground }]}>
           {label}