fix(core): storybook build issue (#6274)

1. es2022 is required and should be set separately in storybook.
2. @blocksuite/icons versions are not consistent across packages.

packages/frontend/component/.storybook/main.ts

@@ -25,6 +25,9 @@ export default {
   async viteFinal(config, _options) {
     return mergeConfig(config, {
       plugins: [vanillaExtractPlugin()],
+      esbuild: {
+        target: 'ES2022',
+      },
       define: {
         'process.env': {},
         'process.env.COVERAGE': JSON.stringify(!!process.env.COVERAGE),

packages/frontend/component/.storybook/polyfill.ts

@@ -0,0 +1,2 @@
+import 'core-js/modules/esnext.symbol.async-dispose';
+import 'core-js/modules/esnext.symbol.dispose';

packages/frontend/component/.storybook/preview.tsx

@@ -1,3 +1,4 @@
+import './polyfill';
 import '../src/theme/global.css';
 import './preview.css';
 import { ThemeProvider, useTheme } from 'next-themes';

packages/frontend/component/package.json

@@ -75,7 +75,7 @@
   "devDependencies": {
     "@blocksuite/blocks": "0.13.0-canary-202403140735-2367cd5",
     "@blocksuite/global": "0.13.0-canary-202403140735-2367cd5",
-    "@blocksuite/icons": "2.1.45",
+    "@blocksuite/icons": "2.1.46",
     "@blocksuite/lit": "0.13.0-canary-202403140735-2367cd5",
     "@blocksuite/presets": "0.13.0-canary-202403140735-2367cd5",
     "@blocksuite/store": "0.13.0-canary-202403140735-2367cd5",