Address PR comments

studio/components/interfaces/Organization/BillingSettingsV2/CostControl/CostControl.tsx

@@ -88,7 +88,7 @@ const CostControl = ({}: CostControlProps) => {
                   {currentPlan?.name || ''} plan requires you to have spend cap off at all times.
                   Your projects will never become unresponsive. Only when your{' '}
                   <Link href="#breakdown">
-                    <a className="text-sm text-green-900 transition hover:text-green-1000">
+                    <a className="text-green-900 transition hover:text-green-1000">
                       included usage
                     </a>
                   </Link>{' '}
@@ -99,7 +99,7 @@ const CostControl = ({}: CostControlProps) => {
                   You can control whether your organization is charged for additional usage beyond
                   the{' '}
                   <Link href="#breakdown">
-                    <a className="text-sm text-green-900 transition hover:text-green-1000">
+                    <a className="text-green-900 transition hover:text-green-1000">
                       included quota
                     </a>
                   </Link>{' '}

studio/components/interfaces/Organization/Usage/Bandwidth.tsx

@@ -5,6 +5,7 @@ import UsageSection from './UsageSection/UsageSection'
 
 const GB = 1073741824
 
+// [Joshen] Can remove this at the end
 const MOCK_DATA_2 = [
   {
     period_start: '2023-06-01',
@@ -244,7 +245,7 @@ const Bandwidth = ({
     [key: string]: { data: DataPoint[]; margin: number; isLoading: boolean; hasNoData: boolean }
   } = {
     [PricingMetric.EGRESS]: {
-      data: MOCK_DATA_2, // egressData?.data ?? [],
+      data: egressData?.data ?? [],
       margin: 16,
       isLoading: isLoadingDbEgressData,
       hasNoData: egressData?.hasNoData ?? false,