Add customization options to the icon display and download (#113)

* feat: ability to customize icons before downloading PNG or SVG

* feat: change color input to be a graphical color picker

* feat: tweak appearance of new inputs

* fix: switch to correct Chakra-UI@Next slider syntax

* fix: make default color `currentColor` and also add Reset button

site/src/components/Header.tsx

@@ -1,14 +1,8 @@
-import {
-  Button,
-  Flex,
-  Stack,
-  Text,
-  Link,
-} from "@chakra-ui/core";
+import {Button, Flex, Link, Stack, Text,} from "@chakra-ui/core";
 import download from "downloadjs";
 import JSZip from "jszip";
 import { Download, GitHub } from 'lucide-react';
-import theme from "../lib/theme";
+import {IconCustomizerDrawer} from "./IconCustomizerDrawer";
 
 function generateZip(icons) {
   const zip = new JSZip();
@@ -44,6 +38,7 @@ const Header = ({ data }) => {
         >
           Download all
         </Button>
+        <IconCustomizerDrawer/>
         <Button
           as="a"
           leftIcon={<GitHub/>}