fix: Sort out Ring enum typing issues

src/components/Chart/Axes.tsx

@@ -1,11 +1,10 @@
-// TODO remove faux-dom and start using the React hook approach
 import React, { useRef, useLayoutEffect } from 'react';
 import * as d3 from "d3";
 
 export const YAxis: React.FC<{
     scale: d3.ScaleLinear
 }> = ({ scale }) => {
-    
+
     const ref = useRef<SVGSVGElement>(null);
 
     useLayoutEffect(() => {

src/components/Chart/BlipPoints.tsx

@@ -77,9 +77,7 @@ const BlipPoints: React.FC<{
 
         let blip: Blip = { ...item,
             quadrantPosition: quadrantConfig.position,
-            // TODO get to the bottom of this
-            // @ts-ignore
-            ringPosition: Ring[item.ring],
+            ringPosition: item.ring,
             colour: quadrantConfig.colour,
             txtColour: quadrantConfig.txtColour
         };