Add contributors to icon overlay and add dot (#223)

* add contributers

* Add icon fetcher

* add contributing json

* Fix fetch call

* Add contributers to site

* Add caching for github api

* Fix build

* Move context provider

* Revert packages changes

* Fix mobile layout

* remove react-spring

* remove incorrect type prop

site/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import {Button, Flex, Link, Stack, Text,} from "@chakra-ui/core";
+import {Button, Flex, Link, WrapItem, Text, Wrap,} from "@chakra-ui/core";
 import download from "downloadjs";
 import JSZip from "jszip";
 import { Download, Github } from 'lucide-react';
@@ -30,15 +30,26 @@ const Header = ({ data }) => {
       <Text fontSize="lg" as="p" textAlign="center" mb="8">
         An open-source icon library, a fork of <Link href="https://github.com/feathericons/feather" isExternal>Feather Icons</Link>. <br/>We're expanding the icon set as much as possible while keeping it nice-looking - <Link href={repositoryUrl} isExternal>join us</Link>!
       </Text>
-      <Stack isInline marginTop={3} marginBottom={10}>
-        <Button
-          leftIcon={<Download/>}
-          size="lg"
-          onClick={downloadAllIcons}
-        >
-          Download all
-        </Button>
+      <Wrap
+        isInline
+        marginTop={3}
+        marginBottom={10}
+        spacing="15px"
+        justify="center"
+      >
+        <WrapItem>
+          <Button
+            leftIcon={<Download/>}
+            size="lg"
+            onClick={downloadAllIcons}
+          >
+            Download all
+          </Button>
+        </WrapItem>
+        <WrapItem>
         <IconCustomizerDrawer/>
+        </WrapItem>
+        <WrapItem>
         <Button
           as="a"
           leftIcon={<Github/>}
@@ -49,7 +60,8 @@ const Header = ({ data }) => {
         >
           Github
         </Button>
-      </Stack>
+        </WrapItem>
+      </Wrap>
     </Flex>
   )
 };