chore(prevent): Prevent onboarding page polish take 2

static/app/views/prevent/preventAI/onboarding.spec.tsx

@@ -7,8 +7,8 @@ import PreventAIOnboarding from './onboarding';
 
 jest.mock('sentry-images/features/prevent-hero.svg', () => 'prevent-hero-mock.svg');
 jest.mock(
-  'sentry-images/features/prevent-pr-comment.png',
-  () => 'prevent-pr-comment-mock.png'
+  'sentry-images/features/prevent-pr-comments.png',
+  () => 'prevent-pr-comments-mock.png'
 );
 
 describe('PreventAIOnboarding', () => {
@@ -131,9 +131,9 @@ describe('PreventAIOnboarding', () => {
     const heroImage = screen.getByAltText('Prevent AI Hero');
     expect(heroImage).toBeInTheDocument();
 
-    const prCommentImage = screen.getByAltText('Prevent PR Comment');
-    expect(prCommentImage).toBeInTheDocument();
-    expect(prCommentImage).toHaveAttribute('src', 'prevent-pr-comment-mock.png');
+    const prCommentsImage = screen.getByAltText('Prevent PR Comments');
+    expect(prCommentsImage).toBeInTheDocument();
+    expect(prCommentsImage).toHaveAttribute('src', 'prevent-pr-comments-mock.png');
   });
 
   it('renders admin notice text', () => {

static/app/views/prevent/preventAI/onboarding.tsx

@@ -2,12 +2,13 @@ import {useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import preventHero from 'sentry-images/features/prevent-hero.svg';
-import preventPrComment from 'sentry-images/features/prevent-pr-comment.png';
+import preventPrComments from 'sentry-images/features/prevent-pr-comments.png';
 
 import {Container, Flex} from 'sentry/components/core/layout';
 import {ExternalLink} from 'sentry/components/core/link';
 import {Text} from 'sentry/components/core/text';
 import {Heading} from 'sentry/components/core/text/heading';
+import {IconInfo} from 'sentry/icons/iconInfo';
 import {t, tct} from 'sentry/locale';
 import useOrganization from 'sentry/utils/useOrganization';
 
@@ -132,10 +133,10 @@ export default function PreventAIOnboarding() {
             background="secondary"
             radius="md"
           >
-            <Text variant="primary" size="sm" bold>
+            <Text variant="primary" size="md" bold>
               {t('How to use Prevent AI')}
             </Text>
-            <Text variant="muted" size="sm">
+            <Text variant="muted" size="md">
               {t('Prevent AI helps you ship better code with three features:')}
             </Text>
             <Container as="ul" style={{margin: 0, fontSize: '12px'}}>
@@ -193,8 +194,16 @@ export default function PreventAIOnboarding() {
               )}
             </Text>
           </Flex>
+          <Text variant="muted" size="xs">
+            <Flex gap="sm" justify="center">
+              <IconInfo size="xs" />
+              {t(
+                `This page will remain visible after the app is installed. Reviewer Configuration and Usage Stats are coming soon.`
+              )}
+            </Flex>
+          </Text>
         </Flex>
-        <StyledImg src={preventPrComment} alt="Prevent PR Comment" />
+        <StyledImg src={preventPrComments} alt="Prevent PR Comments" />
       </Flex>
     </Flex>
   );