rename class names and container names for both d3 charts to mirror each other

Author: gpanciera

src/app/components/Chart.jsx

@@ -209,7 +209,7 @@ class Chart extends Component {
   render() {
     return (
       <div className="history-d3-container">
-        <div ref={this.chartRef} className="d3Container" />
+        <div ref={this.chartRef} className="history-d3-div" />
       </div>
     );
   }

src/app/components/PerfView.jsx

@@ -141,7 +141,7 @@ const PerfView = ({ snapshots, viewIndex, width = 600, height = 600 }) => {
   }, [colorScale, packFunc, width, height, indexToDisplay, snapshots]);
 
   return (
-    <div className="perfContainer">
+    <div className="perf-d3-container">
       <svg className="perf-d3-svg" ref={svgRef} />
       {/* <span>TEST</span> */}
     </div>

src/app/styles/components/d3graph.css

@@ -101,7 +101,7 @@ div.tooltip {
   /* border: 2px solid red; */
 }
 
-.perfContainer {
+.perf-d3-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;