[core][s]: darkmode storybook addon

packages/core/.storybook/main.ts

@@ -6,6 +6,7 @@ const config: StorybookConfig = {
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@nrwl/react/plugins/storybook',
+    'storybook-tailwind-dark-mode'
   ],
   framework: {
     name: '@storybook/react-webpack5',

packages/core/.storybook/preview.ts

@@ -1 +1,14 @@
 import './tailwind-imports.css';
+
+const preview = {
+    globalTypes: {
+        darkMode: {
+            defaultValue: false, // Enable dark mode by default on all stories
+        },
+        className: {
+            defaultValue: 'dark', // Set your custom dark mode class name
+        },
+    },
+};
+
+export default preview;