feat(billing): Add Logs to CreditType (#95452)

Closes:
https://linear.app/getsentry/issue/BIL-1085/update-credittype-enum
Closes:
https://linear.app/getsentry/issue/BIL-1083/update-recurringeventcredit-interface

Author: jarrettscott

static/gsApp/types/index.tsx

@@ -754,6 +754,7 @@ export enum CreditType {
   REPLAY = 'replay',
   DISCOUNT = 'discount',
   PERCENT = 'percent',
+  LOG_BYTE = 'log_byte',
 }
 
 type BaseRecurringCredit = {
@@ -783,7 +784,8 @@ interface RecurringEventCredit extends BaseRecurringCredit {
     | CreditType.PROFILE_DURATION
     | CreditType.PROFILE_DURATION_UI
     | CreditType.ATTACHMENT
-    | CreditType.REPLAY;
+    | CreditType.REPLAY
+    | CreditType.LOG_BYTE;
 }
 
 export type RecurringCredit =

static/gsApp/views/subscriptionPage/recurringCredits.spec.tsx

@@ -206,6 +206,33 @@ describe('Recurring Credits', function () {
     expect(screen.getByTestId('amount')).toHaveTextContent('+3M/mo');
   });
 
+  it('renders log byte recurring credits', async function () {
+    MockApiClient.addMockResponse({
+      url: `/customers/${organization.slug}/recurring-credits/`,
+      method: 'GET',
+      body: [
+        RecurringCreditFixture({
+          id: 1,
+          periodStart: moment().format(),
+          periodEnd: moment().utc().add(3, 'months').format(),
+          amount: 2.5,
+          type: CreditType.LOG_BYTE,
+          totalAmountRemaining: null,
+        }),
+      ],
+    });
+
+    render(
+      <RecurringCredits displayType="data" planDetails={subscription.planDetails} />,
+      {organization}
+    );
+
+    await screen.findByRole('heading', {name: /recurring credits/i});
+
+    expect(screen.getByText('logBytes')).toBeInTheDocument();
+    expect(screen.getByTestId('amount')).toHaveTextContent('+2.5 GB/mo');
+  });
+
   it('renders multiple recurring credits', async function () {
     MockApiClient.addMockResponse({
       url: `/customers/${organization.slug}/recurring-credits/`,