feat(a11y): support message keyboard long press (#7206)

* feat: message a11y long press

* chore: snapshot test

* fix: e2e tests

Author: OtavioStasiak

.maestro/helpers/login.yaml

@@ -20,6 +20,7 @@ onFlowStart:
 - inputText: ${USERNAME || output.createdUser.email}
 - tapOn:
     text: '.*Username or email.*'
+- pressKey: enter
 - tapOn:
     id: login-view-password
 - inputText: ${PASSWORD || output.createdUser.password}

app/containers/message/Touch.tsx

@@ -10,6 +10,7 @@ import {
 	TouchableHighlight,
 	type TouchableWithoutFeedbackProps
 } from 'react-native';
+import { withKeyboardFocus } from 'react-native-external-keyboard';
 
 import { useTheme } from '../../theme';
 import { isIOS } from '../../lib/methods/helpers';
@@ -28,6 +29,7 @@ export interface ITouchProps extends TouchableWithoutFeedbackProps {
 }
 
 const Component = isIOS ? TouchableOpacity : TouchableHighlight;
+const KeyboardComponent = withKeyboardFocus(Component);
 
 const Touch = React.forwardRef<View, ITouchProps>(
 	(
@@ -81,13 +83,15 @@ const Touch = React.forwardRef<View, ITouchProps>(
 		const touchableProps = isIOS ? {} : { underlayColor: android_rippleColor ?? colors.surfaceNeutral, activeOpacity: 1 };
 
 		return (
-			<Component
+			<KeyboardComponent
 				ref={ref}
 				onPress={onPress}
 				style={[rectButtonStyle, marginStyles, { backgroundColor, borderRadius }]}
-				disabled={!enabled}
 				{...touchableProps}
-				{...props}>
+				{...props}
+				disabled={!enabled}
+				focusable={enabled}
+				canBeFocused={enabled}>
 				<View
 					accessible={accessible}
 					accessibilityRole={props.accessibilityRole}
@@ -98,7 +102,7 @@ const Touch = React.forwardRef<View, ITouchProps>(
 					style={viewStyle}>
 					{children}
 				</View>
-			</Component>
+			</KeyboardComponent>
 		);
 	}
 );