Billing account tab switching fix

#1407

Author: jmgasper

src/components/ChallengesComponent/ChallengeList/ChallengeList.module.scss

@@ -30,6 +30,7 @@
   }
   .active {
     color: #008000;
+    text-transform: uppercase;
   }
   .inactive {
     color: #BE405E;

src/components/ChallengesComponent/ChallengeList/index.js

@@ -178,7 +178,7 @@ class ChallengeList extends Component {
         <div className={styles.row}>
           {!isBillingAccountLoading && !isBillingAccountLoadingFailed && !isBillingAccountExpired && (
             <div className={'col-9'}>
-              <span className={styles.title}>Billing Account: </span><span className={styles.active}>{status}</span> &nbsp;  <span className={styles.title}>Start Date:</span> {billingStartDate} &nbsp;  <span className={styles.title}>End Date:</span> {billingEndDate}
+              <span className={styles.title}>Billing Account: </span><span className={styles.active}>{activeProject.status}</span> &nbsp;  <span className={styles.title}>Start Date:</span> {billingStartDate} &nbsp;  <span className={styles.title}>End Date:</span> {billingEndDate}
             </div>
           )}
           {!isBillingAccountLoading && !isBillingAccountLoadingFailed && isBillingAccountExpired && (