Update wording in info box on pg 1 of the calculator and added tooltip icon

Author: Philc90

client/src/components/ProjectWizard/WizardPages/DiscoverTooltips.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { createUseStyles, useTheme } from "react-jss";
+import { MdInfo } from "react-icons/md";
 
 const useStyles = createUseStyles(theme => ({
   container: {
@@ -15,17 +16,18 @@ const useStyles = createUseStyles(theme => ({
     flexShrink: "1",
     fontFamily: "Calibri",
     fontWeight: 700
-  }
+  },
+  infoIcon: {
+    color: theme.colorLADOT
+  },
 }));
 const DiscoverTooltips = () => {
   const theme = useTheme();
   const classes = useStyles(theme);
   return (
     <div className={classes.container}>
       <p className={classes.title}>
-        Try hovering over a term you want more information on. If the words
-        become underlined and bold, you can click for a description. Hovering
-        over a green question mark will also provide more information.
+        If you want to know more about a term, hover over it and click the icon<MdInfo className={classes.infoIcon} /> for more information.
       </p>
     </div>
   );