fix(tracemetrics): Prep for stats flip (#113114)

### Summary
Flipping from count to byte stats, need two flags.

Author: k-fish

static/app/views/explore/metrics/metricsFlags.tsx

@@ -8,7 +8,10 @@ export const canUseMetricsUI = (organization: Organization) => {
 };
 
 export const canUseMetricsStatsUI = (organization: Organization) => {
-  return canUseMetricsUI(organization);
+  return (
+    canUseMetricsUI(organization) &&
+    organization.features.includes('explore-dev-features')
+  );
 };
 
 export const canUseMetricsSavedQueriesUI = (organization: Organization) => {

static/app/views/organizationStats/index.spec.tsx

@@ -545,9 +545,9 @@ describe('OrganizationStats', () => {
     ).not.toBeInTheDocument();
   });
 
-  it('shows Metrics category when tracemetrics-enabled feature flag is enabled', async () => {
+  it('shows Metrics category when tracemetrics-enabled and explore-dev-features flags are enabled', async () => {
     const newOrg = OrganizationFixture({
-      features: ['team-insights', 'tracemetrics-enabled'],
+      features: ['team-insights', 'tracemetrics-enabled', 'explore-dev-features'],
     });
 
     render(<OrganizationStats />, {
@@ -558,6 +558,47 @@ describe('OrganizationStats', () => {
     expect(screen.getByRole('option', {name: 'Metrics'})).toBeInTheDocument();
   });
 
+  it('does not show Metrics category without explore-dev-features flag', async () => {
+    const newOrg = OrganizationFixture({
+      features: ['team-insights', 'tracemetrics-enabled'],
+    });
+
+    render(<OrganizationStats />, {
+      organization: newOrg,
+    });
+
+    await userEvent.click(await screen.findByText('Category'));
+    expect(screen.queryByRole('option', {name: 'Metrics'})).not.toBeInTheDocument();
+  });
+
+  it('shows Application Metrics category when tracemetrics-stats-bytes-ui flag is enabled', async () => {
+    const newOrg = OrganizationFixture({
+      features: ['team-insights', 'tracemetrics-enabled', 'tracemetrics-stats-bytes-ui'],
+    });
+
+    render(<OrganizationStats />, {
+      organization: newOrg,
+    });
+
+    await userEvent.click(await screen.findByText('Category'));
+    expect(screen.getByRole('option', {name: 'Application Metrics'})).toBeInTheDocument();
+  });
+
+  it('does not show Application Metrics category without tracemetrics-stats-bytes-ui flag', async () => {
+    const newOrg = OrganizationFixture({
+      features: ['team-insights', 'tracemetrics-enabled'],
+    });
+
+    render(<OrganizationStats />, {
+      organization: newOrg,
+    });
+
+    await userEvent.click(await screen.findByText('Category'));
+    expect(
+      screen.queryByRole('option', {name: 'Application Metrics'})
+    ).not.toBeInTheDocument();
+  });
+
   it('denies access on no projects', async () => {
     act(() => ProjectsStore.loadInitialData([]));