Button Accessibility hit target - Fixed hit slop overriding. (#3547)

* Moved hitSlop higher than other so hitslop can be overriden

* Fixed snapshots

Author: nitzanyiz

demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap

@@ -3899,10 +3899,10 @@ exports[`TextField Screen renders screen 1`] = `
               focusable={true}
               hitSlop={
                 {
-                  "bottom": 7.5,
-                  "left": 10,
-                  "right": 10,
-                  "top": 7.5,
+                  "bottom": 20,
+                  "left": 20,
+                  "right": 20,
+                  "top": 20,
                 }
               }
               onClick={[Function]}

src/components/button/index.tsx

@@ -399,9 +399,9 @@ class Button extends PureComponent<Props, ButtonState> {
         onPress={onPress}
         disabled={disabled}
         testID={testID}
+        hitSlop={this.getAccessibleHitSlop()}
         {...others}
         ref={forwardedRef}
-        hitSlop={this.getAccessibleHitSlop()}
       >
         {this.props.children}
         {this.props.iconOnRight ? this.renderLabel() : this.renderIcon()}