feat: close svg icon 적용

.storybook/main.ts

@@ -64,6 +64,23 @@ const config: StorybookConfig = {
       ],
     });
 
+    const imageRule = config.module?.rules?.find((rule) => {
+      const test = (rule as { test: RegExp }).test;
+
+      if (!test) {
+        return false;
+      }
+
+      return test.test('.svg');
+    }) as { [key: string]: any };
+
+    imageRule.exclude = /\.svg$/;
+
+    config.module?.rules?.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+
     return config;
   },
 };

src/components/Modal/style.css.ts

@@ -27,6 +27,15 @@ export const dimmed = style([
   },
 ]);
 
+export const closeButton = style({
+  position: 'absolute',
+  padding: '12px',
+  top: 0,
+  right: 0,
+  width: '48px',
+  height: '48px',
+});
+
 export const title = style([
   sprinkles({
     typography: '20/Title/Semibold',

src/constants/icon.ts

@@ -1,9 +1,11 @@
+import Close from '@assets/icons/close.svg';
 import Profle from '@assets/icons/profile.svg';
 import Submit from '@assets/icons/submit.svg';
 
 export const iconFactory = {
   profile: Profle,
   submit: Submit,
+  close: Close,
 };
 
 export type Icons = keyof typeof iconFactory;