fix: add right arrow icon

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

@@ -2,7 +2,8 @@ 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 { ReactComponent as LeftArrow } from 'src/styling/icons/arrow/carousel-left-arrow.svg'
+import { ReactComponent as RightArrow } from 'src/styling/icons/arrow/carousel-right-arrow.svg'
 import { URI } from 'src/utils/apollo'
 
 const useStyles = makeStyles({
@@ -26,8 +27,8 @@ export const Carousel = memo(({ photosData, slidePhoto }) => {
   return (
     <>
       <ReactCarousel
-        PrevIcon={<Arrow />}
-        NextIcon={<Arrow />}
+        PrevIcon={<LeftArrow />}
+        NextIcon={<RightArrow />}
         navButtonsProps={{
           style: {
             backgroundColor: 'transparent',

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

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="34px" viewBox="0 0 15 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 2 Copy</title>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-2-Copy" transform="translate(1.000000, 1.000000)" stroke="#FFFFFF" stroke-width="2">
+            <polyline id="Path-4-Copy" points="0 0 12 15.8202247 0 32"></polyline>
+        </g>
+    </g>
+</svg>