added unique react keys, need to fix state change upon time jump

Author: bmichare

src/app/components/BarGraphComparison.tsx

@@ -79,8 +79,6 @@ const BarGraphComparison = props => {
   const [maxRender, setMaxRender] = React.useState(data.maxTotalRender);
 
   function titleFilter(comparisonArray) {
-    // const comparisonArrayModded = comparisonArray[0];
-    console.log('titleFilter', comparisonArray);
     return comparisonArray.filter(
       elem => elem.title.split('-')[1] === tabs[currentTab].title.split('-')[1],
     );
@@ -121,9 +119,6 @@ const BarGraphComparison = props => {
   // with the render time of the current tab.
   // The max render time will determine the Y-axis's highest number.
   const calculateMaxTotalRender = series => {
-    console.log(comparison)
-    console.log(series)
-    // let currentMax = 5
     const currentSeriesBarStacks = !comparison[series]
       ? []
       : comparison[series].data.barStack;
@@ -244,7 +239,6 @@ const BarGraphComparison = props => {
     if (testList[i] !== "" && !finalList.includes(testList[i])) finalList.push(testList[i]);
   }
    console.log('Final List', finalList)
-  // )
 
   return (
     <div>

src/app/components/LinkControls.tsx

@@ -118,7 +118,7 @@ export default function LinkControls({
       />
       <datalist id='nodeOptions'>
         {nodeList.map(node => (
-          <option value={node.name}>{node.name}</option>
+          <option key={node.name} value={node.name}>{node.name}</option>
         ))}
       </datalist>
 

src/app/components/RenderingFrequency.tsx

@@ -14,6 +14,7 @@ const RenderingFrequency = props => {
         const currentComponent = perfData[componentName];
         return (
           <ComponentCard
+            key={componentName}
             componentName={componentName}
             stateType={currentComponent.stateType}
             averageRenderTime={(