fix: make back button ripple visible (#11386)

Please provide enough information so that others can review your pull
request.

**Motivation**

closes #9794

also observed that the ripple radius can be very slightly increased to
be like in the native android toolbar

why the `foreground` isn't simply `true`? see
facebook/react-native#37901

**Test plan**

tested locally

packages/elements/src/Header/HeaderBackButton.tsx

@@ -154,7 +154,7 @@ export function HeaderBackButton({
       onPress={disabled ? undefined : handlePress}
       pressColor={pressColor}
       pressOpacity={pressOpacity}
-      android_ripple={{ borderless: true }}
+      android_ripple={androidRipple}
       style={[styles.container, disabled && styles.disabled, style]}
       hitSlop={Platform.select({
         ios: undefined,
@@ -169,6 +169,12 @@ export function HeaderBackButton({
   );
 }
 
+const androidRipple = {
+  borderless: true,
+  foreground: Platform.OS === 'android' && Platform.Version >= 23,
+  radius: 20,
+};
+
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',