Update text color in NumberBadge to be consistent.

Author: edmundito

airbyte-webapp/src/components/ui/NumberBadge/NumberBadge.module.scss

@@ -1,5 +1,5 @@
-@use "../../../scss/colors";
-@use "../../../scss/fonts";
+@use "scss/colors";
+@use "scss/fonts";
 
 .circle {
   height: 20px;
@@ -17,23 +17,21 @@
   font-style: normal;
   font-weight: 500;
   font-size: 10px;
+  color: colors.$white;
 
   &.default {
     background: colors.$dark-blue-100;
   }
 
   &.green {
     background: colors.$green;
-    color: colors.$black;
   }
 
   &.red {
     background: colors.$red;
-    color: colors.$black;
   }
 
   &.blue {
     background: colors.$blue;
-    color: colors.$white;
   }
 }

airbyte-webapp/src/components/ui/NumberBadge/NumberBadge.tsx

@@ -20,7 +20,7 @@ export const NumberBadge: React.FC<NumberBadgeProps> = ({ value, color, classNam
 
   return (
     <div className={numberBadgeClassnames} aria-label={ariaLabel}>
-      <div>{value}</div>
+      {value}
     </div>
   );
 };