fix: resolve nested button hydration error in Input component

Author: jgmuende

KonditionExpo/app/login.tsx

@@ -111,7 +111,6 @@ export default function LoginScreen() {
                 <Text style={{ color: tintColor }}>{showPassword ? 'Hide' : 'Show'}</Text>
               </TouchableOpacity>
             }
-            onRightIconPress={() => setShowPassword(!showPassword)}
           />
 
           <View style={styles.optionsRow}>

KonditionExpo/components/ui/Input.tsx

@@ -97,15 +97,20 @@ export function Input({
         />
 
         {rightIcon && (
-          <TouchableOpacity
-            style={styles.rightIcon}
-            onPress={onRightIconPress}
-            disabled={!onRightIconPress}
-            accessibilityRole="button"
-            accessible={!!onRightIconPress}
-          >
-            {rightIcon}
-          </TouchableOpacity>
+          onRightIconPress ? (
+            <TouchableOpacity
+              style={styles.rightIcon}
+              onPress={onRightIconPress}
+              accessibilityRole="button"
+              accessible={true}
+            >
+              {rightIcon}
+            </TouchableOpacity>
+          ) : (
+            <View style={styles.rightIcon}>
+              {rightIcon}
+            </View>
+          )
         )}
       </View>