build: configure storybook to use babel for compilation

Previously, we used SWC for compiling code for Storybook. However, this didn't
respect our compiler settings. This change replaces SWC with babel, ensuring
Storybook uses the same compiler settings as the production build, providing
more consistent behaviour

.storybook/main.ts

@@ -46,8 +46,8 @@ const config: StorybookConfig = {
     },
     "@storybook/addon-toolbars",
     "@storybook/addon-viewport",
-    "@storybook/addon-webpack5-compiler-swc",
     "@chromatic-com/storybook",
+    "@storybook/addon-webpack5-compiler-babel",
   ],
 
   staticDirs: ["../.assets", "../logo"],

package.json

@@ -82,7 +82,7 @@
     "@storybook/addon-docs": "^8.3.3",
     "@storybook/addon-toolbars": "^8.3.3",
     "@storybook/addon-viewport": "^8.3.3",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.4",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/components": "^8.3.3",
     "@storybook/manager-api": "^8.3.3",
     "@storybook/preview-api": "^8.3.3",