fix: update carousel arrow icon

new-lamassu-admin/src/components/Carousel.js

@@ -2,6 +2,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import React, { memo } from 'react'
 import ReactCarousel from 'react-material-ui-carousel'
 
+import { ReactComponent as Arrow } from 'src/styling/icons/arrow/carousel-arrow.svg'
 import { URI } from 'src/utils/apollo'
 
 const useStyles = makeStyles({
@@ -27,11 +28,13 @@ export const Carousel = memo(({ photosData, slidePhoto }) => {
   return (
     <>
       <ReactCarousel
+        PrevIcon={<Arrow />}
+        NextIcon={<Arrow />}
         navButtonsProps={{
           style: {
             backgroundColor: 'transparent',
             borderRadius: 0,
-            fontSize: 100
+            width: 50
           }
         }}
         className={classes.slideButtons}

new-lamassu-admin/src/styling/icons/arrow/carousel-arrow.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="33px" viewBox="0 0 13 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Simple Arrow White</title>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <polygon id="Simple-Arrow-White" fill="#FFFFFF" fill-rule="nonzero" points="12.1912718 1.56064837 10.8306233 0.395663059 0.196798664 16.2200463 10.8250965 32.3956631 12.1967987 31.2473125 2.33241023 16.233075"></polygon>
+    </g>
+</svg>