refactored flow cells, added colors for lab (#78)

* made better flow cells

* made cubical desaturation

* made colorfull lab nodes

* colorful lab nodes for all text ones

* all lab nodes are colorful

* disabled lazy loading on heroes

* fixed color calculation hook

* fixed lab color gradients calculation

* fixed cell text on flow

src/utils/hooks/useColorFromString.ts

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { normalizeBrightColor } from '~/utils/color';
+import { stringToColour } from '~/utils/dom';
+
+export const useColorFromString = (val?: string, saturation = 3, lightness = 3) => {
+  return useMemo(
+    () => (val && normalizeBrightColor(stringToColour(val), saturation, lightness)) || '',
+    []
+  );
+};

src/utils/hooks/useColorGradientFromString.ts

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { adjustHue } from 'color2k';
+import { normalizeBrightColor } from '~/utils/color';
+import { stringToColour } from '~/utils/dom';
+
+export const useColorGradientFromString = (val?: string, saturation = 3, lightness = 3) =>
+  useMemo(() => {
+    if (!val) {
+      return '';
+    }
+
+    const color = normalizeBrightColor(stringToColour(val), saturation, lightness);
+    const second = normalizeBrightColor(adjustHue(color, 45), saturation, lightness);
+    const third = normalizeBrightColor(adjustHue(color, 90), saturation, lightness);
+
+    return `linear-gradient(155deg, ${color}, ${second}, ${third})`;
+  }, [val]);