upgrade storybook to v8 (#7741)

* upgrade storybook to v8

* bump version

* fix storybook builds

* cleanup

.storybook/main.ts

@@ -1,19 +1,24 @@
 import type { StorybookConfig } from "@storybook/react-vite";
+
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
   ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {
-      builder: {
+  core: {
+    builder: {
+      name: "@storybook/builder-vite",
+      options: {
         viteConfigPath: "./.storybook/vite.config.mts",
       },
     },
   },
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
   docs: {
     autodocs: "tag",
   },

.storybook/preview-head.html

@@ -1,9 +1,3 @@
-<script>
-  window.global = window;
-</script>
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link
-  href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
-  rel="stylesheet"
-/>
+  <script>
+    window.global = window;
+  </script>

.storybook/preview.ts

@@ -3,11 +3,10 @@ import "../src/style/index.css";
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/,
+        date: /Date$/i,
       },
     },
   },