significantly refactor presentational components

src/components/presentational/Timeline/Labels.js

@@ -0,0 +1,44 @@
+import React from 'react';
+
+import { formatterWithYear } from '../../../js/utilities.js';
+
+const TimelineLabels = ({ dims, timelabels }) => {
+
+  return (
+    <g>
+      <line
+        class="axisBoundaries"
+        x1={dims.margin_left}
+        x2={dims.margin_left}
+        y1="10"
+        y2="20"
+      >
+      </line>
+      <line
+        class="axisBoundaries"
+        x1={dims.width - dims.width_controls}
+        x2={dims.width - dims.width_controls}
+        y1="10"
+        y2="20"
+      >
+      </line>
+      {/* <text */}
+      {/*   class="timeLabel0 timeLabel" */}
+      {/*   x="5" */}
+      {/*   y="15" */}
+      {/* > */}
+      {/*   {formatterWithYear(timelabels[0])} */}
+      {/* </text> */}
+      {/* <text */}
+      {/*   class="timelabelF timeLabel" */}
+      {/*   x={dims.width - dims.width_controls - 5} */}
+      {/*   y="15" */}
+      {/*   style={{ textAnchor: 'end' }} */}
+      {/* > */}
+      {/*   {formatterWithYear(timelabels[1])} */}
+      {/* </text> */}
+    </g>
+  )
+}
+
+export default TimelineLabels;