♻️ refactor icon stroke and storybook background

.storybook/main.ts

@@ -17,13 +17,13 @@ const config: StorybookConfig = {
     const fileLoaderRules = config.module?.rules?.filter(
       (rule) =>
         rule !== "..." &&
-        rule.test &&
+        rule &&
         rule.test instanceof RegExp &&
         rule.test.test(".svg")
     );
 
     fileLoaderRules?.forEach((rule) => {
-      if (rule !== "...") rule.exclude = /\.svg$/;
+      if (rule && rule !== "...") rule.exclude = /\.svg$/;
     });
 
     config.module?.rules?.push({

.storybook/preview.ts

@@ -6,7 +6,12 @@ const preview: Preview = {
   parameters: {
     backgrounds: {
       default: "Dark",
-      values: [{ name: "Dark", value: "#1E1F22" }],
+      values: [
+        {
+          name: "Dark",
+          value: "linear-gradient(145.51deg, #06020B -7.4%, #2C1B47 154.79%)",
+        },
+      ],
     },
     actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {

components/shared/Icon/Icon.tsx

@@ -14,7 +14,7 @@ type IconProps = {
  */
 const Icon = (props: IconProps) => {
   const { className, name, ...rest } = props;
-  const transformClassName = cn(className);
+  const transformClassName = cn("stroke-primary-100", className);
   const SvgIcon = name && icons[name];
 
   return (