Use lowercase for difficulty CSS

Author: Sean Prashad

web/src/components/Table/index.js

@@ -37,7 +37,10 @@ const Table = () => {
             accessor: 'difficulty',
             disableSortBy: true,
             Cell: cellInfo => (
-              <Badge className={cellInfo.row.original.difficulty} pill>
+              <Badge
+                className={cellInfo.row.original.difficulty.toLowerCase()}
+                pill
+              >
                 {cellInfo.row.original.difficulty}
               </Badge>
             ),

web/src/components/Table/styles.scss

@@ -11,15 +11,15 @@
     padding: 0;
   }
 
-  .Easy {
+  .easy {
     background-color: green;
   }
 
-  .Medium {
+  .medium {
     background-color: orange;
   }
 
-  .Hard {
+  .hard {
     background-color: red;
   }
 }