chore: update storybook up to v8 (#908)

Author: NikitaCG

.storybook/addons/theme-addon/register.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 
-import {addons, types} from '@storybook/addons';
-import {useGlobals} from '@storybook/api';
-import type {API} from '@storybook/api';
+import {addons, types, useGlobals} from '@storybook/manager-api';
+import type {API} from '@storybook/manager-api';
 
 import {themes} from '../../theme';
 

.storybook/addons/yaml-addon/register.js

@@ -1,8 +1,6 @@
 import React, {useMemo} from 'react';
-import {addons, types} from '@storybook/addons';
 import {AddonPanel} from '@storybook/components';
-import {useGlobals} from '@storybook/manager-api';
-import {useArgs} from '@storybook/api';
+import {addons, types, useGlobals, useArgs} from '@storybook/manager-api';
 import yaml from 'js-yaml';
 import {ClipboardButton, ThemeProvider} from '@gravity-ui/uikit';
 

.storybook/main.ts

@@ -30,6 +30,7 @@ const config = {
         './addons/yaml-addon/preset',
         './addons/theme-addon/register.tsx',
         '@storybook/addon-mdx-gfm',
+        '@storybook/addon-webpack5-compiler-babel',
     ],
     webpackFinal: (storybookBaseConfig: any) => {
         storybookBaseConfig.plugins.push(

.storybook/manager.ts

@@ -1,4 +1,4 @@
-import {addons} from '@storybook/addons';
+import {addons} from '@storybook/manager-api';
 import {themeLight} from './theme/light';
 
 addons.setConfig({