ref(ui): Change storybook imports to use `sentry` import alias (#30179)

Part of refactoring from `app` import alias to `sentry`.

See https://github.com/getsentry/sentry/pull/30178

docs-ui/components/code.tsx

@@ -12,9 +12,9 @@ import Prism from 'prismjs';
  */
 import 'prismjs/components/prism-jsx.min';
 
-import {IconCode} from 'app/icons';
-import space from 'app/styles/space';
-import {Theme} from 'app/utils/theme';
+import {IconCode} from 'sentry/icons';
+import space from 'sentry/styles/space';
+import {Theme} from 'sentry/utils/theme';
 
 type Props = {
   theme: Theme;

docs-ui/components/colorChip.tsx

@@ -2,8 +2,8 @@ import {useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 import Color from 'color';
 
-import space from 'app/styles/space';
-import {Theme} from 'app/utils/theme';
+import space from 'sentry/styles/space';
+import {Theme} from 'sentry/utils/theme';
 
 type SizeProp = {
   size: 'md' | 'lg';

docs-ui/components/doDont.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
-import {IconCheckmark, IconClose} from 'app/icons';
-import space from 'app/styles/space';
+import {IconCheckmark, IconClose} from 'sentry/icons';
+import space from 'sentry/styles/space';
 
 type BoxContent = {
   text: string;

docs-ui/components/docsLinks.tsx

@@ -2,9 +2,9 @@ import styled from '@emotion/styled';
 /* eslint-disable-next-line import/default */
 import LinkTo from '@storybook/addon-links/react';
 
-import {IconArrow} from 'app/icons';
-import space from 'app/styles/space';
-import {Theme} from 'app/utils/theme';
+import {IconArrow} from 'sentry/icons';
+import space from 'sentry/styles/space';
+import {Theme} from 'sentry/utils/theme';
 
 type Link = {
   img?: {

docs-ui/components/sample.tsx

@@ -2,9 +2,9 @@ import {createContext, ReactChild, useState} from 'react';
 import {ThemeProvider, useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 
-import {IconMoon} from 'app/icons';
-import space from 'app/styles/space';
-import {darkTheme, lightTheme, Theme} from 'app/utils/theme';
+import {IconMoon} from 'sentry/icons';
+import space from 'sentry/styles/space';
+import {darkTheme, lightTheme, Theme} from 'sentry/utils/theme';
 
 type ThemeName = 'dark' | 'light';
 

docs-ui/components/table.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-import space from 'app/styles/space';
+import space from 'sentry/styles/space';
 
 type TableCellProps = {
   align: 'left' | 'right' | 'center';

docs-ui/components/tableOfContents.tsx

@@ -2,7 +2,7 @@ import {useEffect} from 'react';
 import styled from '@emotion/styled';
 import tocbot from 'tocbot';
 
-import space from 'app/styles/space';
+import space from 'sentry/styles/space';
 
 const Container = styled('div')`
   height: 100%;

docs-ui/stories/assets/fileIcon.stories.js

@@ -1,4 +1,4 @@
-import FileIcon from 'app/components/fileIcon';
+import FileIcon from 'sentry/components/fileIcon';
 
 export default {
   title: 'Assets/Icons/File Icon',

docs-ui/stories/assets/iconProps.stories.js

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-import {IconAdd, IconArrow, IconBookmark, IconGroup, IconPin} from 'app/icons';
+import {IconAdd, IconArrow, IconBookmark, IconGroup, IconPin} from 'sentry/icons';
 
 export default {
   title: 'Assets/Icons',

docs-ui/stories/assets/iconSet.stories.js

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-import * as newIconset from 'app/icons';
+import * as newIconset from 'sentry/icons';
 
 export default {
   title: 'Assets/Icons/Icon Set',