🎨 introduce Tailwind and refactor portableText #2151 (#2160)

* 🎨 introduce Tailwind

* update colors to suit tailwind

* update to colors

* update configuration of portable text

* more tweaks

* update block content and remove h1 from block content

* 🎨 update indentation

* 🎨 remove unused package

* 🎨 update heading titles

* 🎨 clean up unused

* 🎨 remove energy red as background

sanityv3/colorConfig.js

@@ -0,0 +1,32 @@
+//IMPORTANT
+// Keep web/colorConfig in sync with this
+export default {
+  white: {
+    100: 'hsl(0, 0%, 100%)',
+  },
+  'moss-green': {
+    //moss-green-light
+    50: 'hsl(184, 30%, 96%)',
+  },
+  'spruce-wood': {
+    90: 'hsl(25, 100%, 94%)',
+  },
+  'energy-red': {
+    100: 'hsl(348, 100%, 54%)',
+  },
+  'mist-blue': {
+    100: 'hsl(199, 58%, 90%)',
+  },
+  green: {
+    50: '#c3e4ce',
+  },
+  yellow: {
+    50: '#fff5b8',
+  },
+  blue: {
+    50: '#49709c',
+  },
+  orange: {
+    50: '#f8d1af',
+  },
+}