chore: Move Seer icons into the main list (#93555)

The icons have little animations, and look like this:


https://github.com/user-attachments/assets/388bae67-536a-496e-9c9f-a85025fd4ac8

Author: ryan953

static/app/components/ai/SeerIcon.tsx

@@ -13,7 +13,6 @@ import {useMutation, useQueryClient} from '@tanstack/react-query';
 import {motion} from 'framer-motion';
 
 import {addErrorMessage} from 'sentry/actionCreators/indicator';
-import {SeerIcon} from 'sentry/components/ai/SeerIcon';
 import {UserAvatar} from 'sentry/components/core/avatar/userAvatar';
 import {Button} from 'sentry/components/core/button';
 import {TextArea} from 'sentry/components/core/textarea';
@@ -22,7 +21,7 @@ import {
   useAutofixData,
 } from 'sentry/components/events/autofix/useAutofix';
 import LoadingIndicator from 'sentry/components/loadingIndicator';
-import {IconClose} from 'sentry/icons';
+import {IconClose, IconSeer} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import {trackAnalytics} from 'sentry/utils/analytics';
@@ -334,7 +333,7 @@ function AutofixHighlightPopupContent({
             <Message key={i} role={message.role}>
               {message.role === 'assistant' ? (
                 <CircularSeerIcon>
-                  <SeerIcon />
+                  <IconSeer />
                 </CircularSeerIcon>
               ) : (
                 <UserAvatar user={currentUser} size={24} />

static/app/components/events/autofix/autofixHighlightPopup.tsx

@@ -4,7 +4,6 @@ import styled from '@emotion/styled';
 import {AnimatePresence, motion} from 'framer-motion';
 
 import {addErrorMessage, addSuccessMessage} from 'sentry/actionCreators/indicator';
-import {SeerLoadingIcon, SeerWaitingIcon} from 'sentry/components/ai/SeerIcon';
 import {Button} from 'sentry/components/core/button';
 import {TextArea} from 'sentry/components/core/textarea';
 import {Tooltip} from 'sentry/components/core/tooltip';
@@ -16,7 +15,7 @@ import {AutofixStepType} from 'sentry/components/events/autofix/types';
 import {makeAutofixQueryKey} from 'sentry/components/events/autofix/useAutofix';
 import {useTypingAnimation} from 'sentry/components/events/autofix/useTypingAnimation';
 import {getAutofixRunErrorMessage} from 'sentry/components/events/autofix/utils';
-import {IconRefresh} from 'sentry/icons';
+import {IconRefresh, IconSeer} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import {singleLineRenderer} from 'sentry/utils/marked/marked';
@@ -155,7 +154,7 @@ function ActiveLogDisplay({
     return (
       <ActiveLogWrapper>
         <SeerIconContainer>
-          <SeerWaitingIcon size="lg" />
+          <IconSeer variant="waiting" size="lg" />
         </SeerIconContainer>
         <ActiveLog>{errorMessage}</ActiveLog>
         <Button
@@ -187,7 +186,7 @@ function ActiveLogDisplay({
           )}
         >
           <SeerIconContainer ref={seerIconRef}>
-            <StyledAnimatedSeerIcon size="lg" />
+            <StyledAnimatedSeerIcon variant="loading" size="lg" />
             {seerIconRef?.current && isInitializingRun && (
               <FlyingLinesEffect targetElement={seerIconRef.current} />
             )}
@@ -462,7 +461,7 @@ const SeerIconContainer = styled('div')`
   flex-shrink: 0;
 `;
 
-const StyledAnimatedSeerIcon = styled(SeerLoadingIcon)`
+const StyledAnimatedSeerIcon = styled(IconSeer)`
   position: relative;
   transition: opacity 0.2s ease;
   top: 0;