Hotbar disabled items (#2710)

* Saving more entity data to HotbarItem

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adding generic MaterialTooltip component

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Move HotbarCell to separate component

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Abstract out HotbarEntityIcon from HotbarIcon

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Styling disabled hotbar items

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Migration for adding extra data to hotbar items

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Testing migration

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Some cleaning up

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Bump migration version

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Bump app version in package.json

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+catalog/material-tooltip/material-tooltip.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { makeStyles, Tooltip, TooltipProps } from "@material-ui/core";
+
+const useStyles = makeStyles(() => ({
+  arrow: {
+    color: "var(--tooltipBackground)",
+  },
+  tooltip: {
+    fontSize: 12,
+    backgroundColor: "var(--tooltipBackground)",
+    color: "var(--textColorAccent)",
+    padding: 8,
+    boxShadow: "0 8px 16px rgba(0,0,0,0.24)"
+  },
+}));
+
+export function MaterialTooltip(props: TooltipProps) {
+  const classes = useStyles();
+
+  return (
+    <Tooltip classes={classes} {...props}/>
+  );
+}
+
+MaterialTooltip.defaultProps = {
+  arrow: true
+};
+