add device quality components

src/components/Accuracy.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { FaInfoCircle } from "react-icons/fa";
+
+import './Accuracy.css';
+
+function Accuracy({ show }) {
+    const [showCardInfo, setShowCardInfo] = useState(false);
+
+    return (
+        <div>
+            <h1>Accuracy</h1>
+        </div>
+    );
+}
+export default Accuracy;

src/components/CurveFit.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { FaInfoCircle } from "react-icons/fa";
+
+import './CurveFit.css';
+
+function CurveFit({ show }) {
+    const [showCardInfo, setShowCardInfo] = useState(false);
+
+    return (
+        <div>
+            <h1>Curve Fit</h1>
+        </div>
+    );
+}
+export default CurveFit;

src/components/Precision.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { FaInfoCircle } from "react-icons/fa";
+
+import './Precision.css';
+
+function Precision({ show }) {
+    const [showCardInfo, setShowCardInfo] = useState(false);
+
+    return (
+        <div>
+            <h1>Precision</h1>
+        </div>
+    );
+}
+export default Precision;