feat: added svh transformer

assets/icons/chevron-left.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.76009 0.904058C6.29289 0.530298 5.61115 0.606046 5.23739 1.07325L0.237392 7.32325C-0.0791306 7.7189 -0.0791306 8.2811 0.237392 8.67675L5.23739 14.9268C5.61115 15.394 6.29289 15.4697 6.76009 15.0959C7.22729 14.7222 7.30303 14.0404 6.92927 13.5732L2.47068 8L6.92927 2.42675C7.30304 1.95955 7.22729 1.27782 6.76009 0.904058Z" fill="#0F3F4F"/>
+</svg>

declarations.d.ts

@@ -0,0 +1,6 @@
+declare module '*.svg' {
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
+  export default content;
+}

metro.config.js

@@ -0,0 +1,19 @@
+const { getDefaultConfig } = require('expo/metro-config');
+
+module.exports = (() => {
+  const config = getDefaultConfig(__dirname);
+
+  const { transformer, resolver } = config;
+
+  config.transformer = {
+    ...transformer,
+    babelTransformerPath: require.resolve('react-native-svg-transformer')
+  };
+  config.resolver = {
+    ...resolver,
+    assetExts: resolver.assetExts.filter((ext) => ext !== 'svg'),
+    sourceExts: [...resolver.sourceExts, 'svg']
+  };
+
+  return config;
+})();