⬆️ storybook@7 (LAION-AI#2629)

This PR updates storybook to version 7 following their [migration
guide](https://storybook.js.org/docs/react/migration-guide) to fix
LAION-AI#1400.

Author: lgeiger

website/.storybook/main.js

@@ -1,35 +1,23 @@
 const path = require("path");
 
 module.exports = {
-  stories: [
-    "../src/components/**/*.stories.mdx",
-    "../src/components/**/*.stories.@(js|jsx|ts|tsx)",
-  ],
+  stories: ["../src/components/**/*.stories.mdx", "../src/components/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "@chakra-ui/storybook-addon",
-    "storybook-addon-next-router",
   ],
-  framework: "@storybook/react",
-  core: {
-    builder: "@storybook/builder-webpack5",
-  },
+  framework: "@storybook/nextjs",
   staticDirs: ["../public"],
   // https://github.com/storybookjs/storybook/issues/15336#issuecomment-888528747
   typescript: { reactDocgen: false },
-  // fix to make absolute imports working in storybook
-  webpackFinal: async (config, { configType }) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      src: path.resolve(__dirname, "../src"),
-      styles: path.resolve(__dirname, "../styles"),
-    };
+  // https://github.com/i18next/next-i18next/issues/1012
+  webpackFinal: async (config) => {
     config.resolve.fallback = {
       fs: false,
-      path: require.resolve('path-browserify'),
-    }
+      path: require.resolve("path-browserify"),
+    };
     return config;
   },
   features: {