add sanitize.css and fix up z-index for audio recording canvas

package.json

@@ -126,6 +126,7 @@
     "redux-promise-middleware": "6.1.0",
     "reselect": "4.0.0",
     "rimraf": "2.6.2",
+    "sanitize.css": "^12.0.1",
     "semver": "5.4.1",
     "styled-components": "5.1.1",
     "tar": "4.4.8",

stylesheets/_session_conversation.scss

@@ -360,7 +360,7 @@
   }
 
   &--visualisation {
-    z-index: 1000;
+    z-index: 2;
     width: 100%;
     display: flex;
     align-items: center;

stylesheets/manifest.scss

@@ -4,9 +4,9 @@
 @import 'node_modules/react-contexify/dist/ReactContexify.min.css';
 @import 'node_modules/react-toastify/dist/ReactToastify.css';
 
-// @import url(sanitize.css);
-// @import url(forms.css);
-// @import url(typography.css);
+@import 'node_modules/sanitize.css/sanitize.css';
+@import 'node_modules/sanitize.css/forms.css';
+@import 'node_modules/sanitize.css/typography.css';
 
 // Global Settings, Variables, and Mixins
 @import 'themes.scss';

yarn.lock

@@ -9682,6 +9682,11 @@ sanitize-filename@^1.6.2, sanitize-filename@^1.6.3:
   dependencies:
     truncate-utf8-bytes "^1.0.0"
 
+sanitize.css@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-12.0.1.tgz#f20369357557ba2b41d7278eeb3ea691a3bee514"
+  integrity sha512-QbusSBnWHaRBZeTxsJyknwI0q+q6m1NtLBmB76JfW/rdVN7Ws6Zz70w65+430/ouVcdNVT3qwrDgrM6PaYyRtw==
+
 sass-graph@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49"