separate out styles for markdowneditor; convert mainlayout style module styles to just sass; add style to stream title editor in header;

web/pages/components/chart.tsx

@@ -9,11 +9,11 @@ interface TimedValue {
 }
 
 interface ChartProps {
-  data?: TimedValue[],
-  title?: string,
-  color: string,
-  unit: string,
-  dataCollections?: any[],
+  data?: TimedValue[];
+  title?: string;
+  color: string;
+  unit: string;
+  dataCollections?: any[];
 }
 
 function createGraphDataset(dataArray) {
@@ -33,18 +33,20 @@ export default function Chart({ data, title, color, unit, dataCollections }: Cha
     renderData.push({
       name: title,
       color,
-      data: createGraphDataset(data)
+      data: createGraphDataset(data),
     });
   }
 
   dataCollections.forEach(collection => {
-    renderData.push(
-      {name: collection.name, data: createGraphDataset(collection.data), color: collection.color}
-    )
+    renderData.push({
+      name: collection.name,
+      data: createGraphDataset(collection.data),
+      color: collection.color,
+    });
   });
 
   return (
-    <div className={styles.lineChartContainer}>
+    <div className="line-chart-container">
       <LineChart
         xtitle="Time"
         ytitle={title}