fix usage billing initial loading state

studio/components/interfaces/BillingV2/Subscription/BillingBreakdown.tsx

@@ -45,7 +45,7 @@ const BillingBreakdown = ({}: BillingBreakdownProps) => {
   const totalUsageFees = usageFees.reduce((a, b) => a + b.amount, 0)
 
   const hasExceededAnyLimits =
-    !isUsageBillingEnabled &&
+    isUsageBillingEnabled === false &&
     Object.values(usage ?? {})
       .map((metric) => {
         if (typeof metric !== 'object') return false

studio/components/interfaces/BillingV2/Usage/Usage.tsx

@@ -210,9 +210,9 @@ const Usage = () => {
                         : 'opacity-50'
                     )}
                   >
-                    {!usageBillingEnabled && status === USAGE_STATUS.APPROACHING ? (
+                    {usageBillingEnabled === false && status === USAGE_STATUS.APPROACHING ? (
                       <IconAlertCircle size={15} strokeWidth={2} className="text-amber-900" />
-                    ) : !usageBillingEnabled && status === USAGE_STATUS.EXCEEDED ? (
+                    ) : usageBillingEnabled === false && status === USAGE_STATUS.EXCEEDED ? (
                       <IconAlertCircle size={15} strokeWidth={2} className="text-red-900" />
                     ) : null}
                     <p className="text-sm">{category.name}</p>