fix: storybook tests

Author: umairraza96

.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { StorybookConfig } from '@storybook/nextjs';
+import path from 'path';
 
 const config: StorybookConfig = {
   stories: ['../components/**/*.stories.tsx'],
@@ -8,6 +9,22 @@ const config: StorybookConfig = {
   docs: { autodocs: 'tag' },
   staticDirs: ['../public'],
   core: { disableTelemetry: true },
+  webpackFinal: async (config: any, { configType }) => {
+    config.resolve.modules = [path.resolve(__dirname, '..'), 'node_modules'];
+
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@/components': path.resolve(__dirname, '../components'),
+      '@/util': path.resolve(__dirname, '../util'),
+      '@/hooks': path.resolve(__dirname, '../hooks'),
+      '@/navigation.json': path.resolve(__dirname, '../navigation.json'),
+      '@/providers': path.resolve(__dirname, '../providers'),
+      '@/next.locales.mjs': path.resolve(__dirname, '../next.locales.mjs'),
+      '@/next.json.mjs': path.resolve(__dirname, '../next.json.mjs'),
+    };
+
+    return config;
+  },
 };
 
 export default config;