fix: chevron icons

Author: isekovanic

examples/SampleApp/src/icons/GoBack.tsx

@@ -1,19 +1,23 @@
 import React from 'react';
-import Svg, { Path } from 'react-native-svg';
+import { I18nManager } from 'react-native';
+import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from '../utils/base';
 import { useLegacyColors } from '../theme/useLegacyColors';
 
 export const GoBack: React.FC<IconProps> = ({ height = 24, width = 24 }) => {
   const { black } = useLegacyColors();
+
   return (
-    <Svg fill='none' height={height} viewBox={`0 0 ${height} ${width}`} width={width}>
-      <Path
-        clipRule='evenodd'
-        d='M15.694 18.6943C16.102 18.2867 16.102 17.6259 15.694 17.2184L10.4699 12L15.694 6.78165C16.102 6.37408 16.102 5.71326 15.694 5.30568C15.2859 4.89811 14.6244 4.8981 14.2164 5.30568L8.30602 11.2096C8.08861 11.4267 7.98704 11.7158 8.00132 12.0002C7.98713 12.2844 8.0887 12.5733 8.30603 12.7904L14.2164 18.6943C14.6244 19.1019 15.2859 19.1019 15.694 18.6943Z'
-        fill={black}
-        fillRule='evenodd'
-      />
+    <Svg fill='none' height={height} viewBox='0 0 24 24' width={width}>
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 24 0)' : undefined}>
+        <Path
+          clipRule='evenodd'
+          d='M15.694 18.6943C16.102 18.2867 16.102 17.6259 15.694 17.2184L10.4699 12L15.694 6.78165C16.102 6.37408 16.102 5.71326 15.694 5.30568C15.2859 4.89811 14.6244 4.8981 14.2164 5.30568L8.30602 11.2096C8.08861 11.4267 7.98704 11.7158 8.00132 12.0002C7.98713 12.2844 8.0887 12.5733 8.30603 12.7904L14.2164 18.6943C14.6244 19.1019 15.2859 19.1019 15.694 18.6943Z'
+          fill={black}
+          fillRule='evenodd'
+        />
+      </G>
     </Svg>
   );
 };

examples/SampleApp/src/icons/GoForward.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
+import { I18nManager } from 'react-native';
 import Svg, { G, Path } from 'react-native-svg';
 
 import { IconProps } from '../utils/base';
 
 export const GoForward: React.FC<IconProps> = ({ height = 20, width = 20, ...rest }) => {
   return (
-    <Svg fill='none' height={height} viewBox={`0 0 ${height} ${width}`} width={width}>
-      <G>
+    <Svg fill='none' height={height} viewBox='0 0 20 20' width={width}>
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
         <Path
           d='M7.91675 15.2096L13.1251 10.0013L7.91675 4.79297'
           strokeWidth={1.5}