Replicating InfinityCarousel and fixing outdated bugfixes, css changes

src/components/Technologies.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Component } from 'react'
 import Link from 'gatsby-link'
 
 import iconReact from '../images/react.svg'
@@ -17,10 +17,9 @@ import iconPython from '../images/python.svg'
 import iconRuby from '../images/ruby.svg'
 import iconRails from '../images/rails.svg'
 import iconRedis from '../images/redis.svg'
+import Carousel from './Carousel'
 
-import Carousel from 'react-leaf-carousel'
-
-const Technologies = ({ ...props }) => (
+const Technologies = () => (
   <Carousel
     breakpoints={[
       {
@@ -45,13 +44,13 @@ const Technologies = ({ ...props }) => (
         },
       },
     ]}
-    dots={false}
+    dots={true}
     autoCycle={true}
-    arrows={false}
+    arrows={true}
     showSides={true}
     pauseOnHover={false}
     cycleInterval={2000}
-    showSides={false}
+    showSides={true}
     sidesOpacity={0.5}
     sideSize={0.1}
     slidesToScroll={2}