Improve the entire icon logic

- Tree Shaking for Icons (Closes #53)
- New API for the config (See 
https://github.com/uwap/mqtt-control-map/wiki/Icons)
- Icons can now be colored everywhere, not just on the map

src/components/UiItems/Link.js

@@ -2,7 +2,6 @@
 import React from "react";
 import createComponent from "./base";
 import { isEnabled, isDisabled } from "./utils";
-import { renderRawIcon } from "config/icon";
 
 import type { UILink } from "config/flowtypes";
 
@@ -19,7 +18,7 @@ const Icon = ({item, state}) => {
   if (item.icon == null) {
     return false;
   }
-  return renderRawIcon(item.icon(state), "mdi-24px");
+  return item.icon.render(state);
 };
 
 const BaseComponent = (_h, item: UILink, state, _changeState) => (

src/components/UiItems/base.js

@@ -7,7 +7,6 @@ import ListItemText from "@material-ui/core/ListItemText";
 import ListItemIcon from "@material-ui/core/ListItemIcon";
 
 import throttle from "lodash/throttle";
-import { renderRawIcon } from "config/icon";
 import type { Icon } from "config/icon";
 
 export type Helpers = {
@@ -41,15 +40,15 @@ type SuperT = $ReadOnly<{ text: string }>;
 
 const IconHelper = ({item, state}: { item: { +icon?: Icon }, state: State }) =>
   ( <ListItemIcon>
-    {item.icon == null || renderRawIcon(item.icon(state), "mdi-24px")}
+    {item.icon == null || item.icon.size(1).render(state)}
   </ListItemIcon>
   );
 
 const createHelpers = <T: SuperT> (item: T) =>
   ({
     Icon: IconHelper,
-    Label: (props) => (
-      <ListItemText primary={item.text} {...props} />
+    Label: () => (
+      <ListItemText primary={item.text} />
     ),
     Action: (props) => (
       <ListItemSecondaryAction {...props} />