fix(issue-stream): Fix bug where replay divider was shown despite no replays (#79068)

before: 

<img width="363" alt="image"
src="https://github.com/user-attachments/assets/73e0283c-0d3f-4bb0-8f4f-053bfd703ab3">

after:

<img width="369" alt="image"
src="https://github.com/user-attachments/assets/e74a0573-2da5-460d-a1eb-2affe9620953">

Author: MichaelSun48

static/app/components/eventOrGroupExtraDetails.tsx

@@ -21,6 +21,7 @@ import type {Group} from 'sentry/types/group';
 import type {Organization} from 'sentry/types/organization';
 import {defined} from 'sentry/utils';
 import {getTitle} from 'sentry/utils/events';
+import useReplayCountForIssues from 'sentry/utils/replayCount/useReplayCountForIssues';
 import {projectCanLinkToReplay} from 'sentry/utils/replays/projectSupportsReplay';
 import withOrganization from 'sentry/utils/withOrganization';
 
@@ -74,10 +75,13 @@ function EventOrGroupExtraDetails({
   } = data as Group;
 
   const issuesPath = `/organizations/${organization.slug}/issues/`;
+  const {getReplayCountForIssue} = useReplayCountForIssues();
 
   const showReplayCount =
     organization.features.includes('session-replay') &&
-    projectCanLinkToReplay(organization, project);
+    projectCanLinkToReplay(organization, project) &&
+    data.issueCategory &&
+    !!getReplayCountForIssue(data.id, data.issueCategory);
 
   const hasNewLayout = organization.features.includes('issue-stream-table-layout');
   const {subtitle} = getTitle(data);