test: optimize memory usage when building storybook by using swc (#22975

)

Building storybook in CI seems to fail often -- probably due to running out of memory. Changing the compiler to swc might help (according to storybookjs/storybook#6408 (comment)).

I don't know what the ramifications of this change may be (I don't even know what storybook is for 😅). So someone with knowledge here should review this PR.

---------

Co-authored-by: Howard Braham <howrad@gmail.com>

.storybook/main.js

@@ -104,6 +104,10 @@ module.exports = {
   },
   framework: {
     name: '@storybook/react-webpack5',
-    options: {},
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
   },
 };

ui/components/ui/icon/README.mdx

@@ -146,14 +146,6 @@ Use the `className` prop to add an additional class to the icon. This additional
 
 <ArgsTable of={SunCheck} />
 
-## Send/SwapIcon
-
-<Canvas>
-  <Story id="components-ui-icon--send-swap-icon-story" />
-</Canvas>
-
-<ArgsTable of={SwapIconComponent} />
-
 ## Preloader
 
 <Canvas>

ui/components/ui/icon/icon.stories.js

@@ -75,7 +75,7 @@ const IconItem = ({ Component }) => {
       backgroundColor={BackgroundColor.backgroundDefault}
     >
       <Box marginBottom={2}>{Component}</Box>
-      <code>{`${Component.type.__docgenInfo.displayName}`}</code>
+      <code>{`${Component.type.name}`}</code>
     </Card>
   );
 };

ui/components/ui/logo/logo.stories.js

@@ -45,7 +45,7 @@ const LogoItem = ({ Component }) => {
       backgroundColor={BackgroundColor.backgroundDefault}
     >
       <Box marginBottom={2}>{Component}</Box>
-      <Text>{`${Component.type.__docgenInfo.displayName}`}</Text>
+      <Text>{`${Component.type.name}`}</Text>
     </Card>
   );
 };