feat(preprod): Check for actual build data when showing mobile builds tab

Query the builds endpoint with per_page=1 to check if preprod builds
exist for the selected projects and time range. Show the Mobile Builds
tab if either actual builds data exists or the project has a mobile
platform (existing fallback).

The probe query is gated behind the preprod-frontend-routes feature
flag and uses a 60s stale time to avoid unnecessary refetches.

Refs EME-706
Co-Authored-By: Claude <noreply@anthropic.com>

Author: NicoHinderling

static/app/views/releases/list/index.tsx

@@ -1,6 +1,7 @@
 import {Fragment, useCallback, useEffect, useMemo} from 'react';
 import {forceCheck} from 'react-lazyload';
 import styled from '@emotion/styled';
+import {useQuery} from '@tanstack/react-query';
 
 import {FeatureBadge} from '@sentry/scraps/badge';
 import {Flex, Stack} from '@sentry/scraps/layout';
@@ -41,6 +42,7 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
+import {buildDetailsApiOptions} from 'sentry/views/preprod/utils/buildDetailsApiOptions';
 import {ReleaseArchivedNotice} from 'sentry/views/releases/detail/overview/releaseArchivedNotice';
 import {MobileBuilds} from 'sentry/views/releases/list/mobileBuilds';
 import {ReleaseHealthCTA} from 'sentry/views/releases/list/releaseHealthCTA';
@@ -232,13 +234,28 @@ export default function ReleasesList() {
       : selectedIds.map(id => `${id}`);
   }, [selection.projects]);
 
-  const shouldShowMobileBuildsTab = useMemo(() => {
-    if (!organization.features?.includes('preprod-frontend-routes')) {
-      return false;
-    }
+  const hasPreprodFeature = organization.features?.includes('preprod-frontend-routes');
+
+  const {statsPeriod, start, end, utc} = normalizeDateTimeParams(location.query);
+  const buildsProbeQuery = useQuery({
+    ...buildDetailsApiOptions({
+      organization,
+      queryParams: {
+        per_page: 1,
+        project: selectedProjectIds,
+        ...(statsPeriod && {statsPeriod}),
+        ...(start && {start}),
+        ...(end && {end}),
+        ...(utc && {utc}),
+      },
+    }),
+    staleTime: 60_000,
+    enabled: !!hasPreprodFeature,
+  });
 
-    // When "All Projects" is selected (represented by [-1]), check all accessible projects
-    // When specific projects are selected, check only those projects
+  // When "All Projects" is selected (represented by [-1]), check all accessible projects
+  // When specific projects are selected, check only those projects
+  const hasAnyStrictlyMobileProject = useMemo(() => {
     const isAllProjects =
       selectedProjectIds.length === 1 &&
       selectedProjectIds[0] === `${ALL_ACCESS_PROJECTS}`;
@@ -247,13 +264,17 @@ export default function ReleasesList() {
       : selectedProjectIds;
 
     // Check if at least one project has a mobile platform
-    const hasAnyStrictlyMobileProject = projectIdsToCheck
+    return projectIdsToCheck
       .map(id => ProjectsStore.getById(id))
       .filter(Boolean)
       .some(project => project?.platform && isMobileRelease(project.platform, false));
+  }, [selectedProjectIds, projects]);
+
+  const hasBuildsData =
+    !buildsProbeQuery.isPending && (buildsProbeQuery.data?.length ?? 0) > 0;
 
-    return hasAnyStrictlyMobileProject;
-  }, [organization.features, selectedProjectIds, projects]);
+  const shouldShowMobileBuildsTab =
+    hasPreprodFeature && (hasBuildsData || hasAnyStrictlyMobileProject);
 
   const selectedTab = useMemo(() => {
     if (!shouldShowMobileBuildsTab) {