How to use the @storybook/addons.addons.setConfig function in @storybook/addons

import '@storybook/addon-roundtrip/register';
import '@storybook/addon-parameter/register';
import '@storybook/addon-preview-wrapper/register';

import { addons } from '@storybook/addons';
import { themes } from '@storybook/theming';

addons.setConfig({
  theme: themes.dark,
  panelPosition: 'bottom',
  selectedPanel: 'storybook/roundtrip',
});

import { addons } from '@storybook/addons';
import { create } from '@storybook/theming/create';

const cleverTheme = create({
  brandTitle: 'Clever Cloud components',
  brandUrl: 'https://www.clever-cloud.com',
  brandImage: 'https://www.clever-cloud.com/images/brand-assets/logos/v2/logo_on_white.svg',
});

addons.setConfig({
  theme: cleverTheme,
  showRoots: false,
});

import '@storybook/addon-actions/register';
import '@storybook/addon-links/register';

import { create } from '@storybook/theming/create';
import { addons } from '@storybook/addons';

const theme = create({
  base: 'light',

  brandTitle: 'Rax Kitchen Sink',
  brandUrl: 'https://github.com/storybookjs/storybook/tree/master/examples/rax-kitchen-sink',
});

addons.setConfig({ theme });

import { addons } from '@storybook/addons';
import { create } from '@storybook/theming/create';

const theme = create({
  base: 'light',

  brandTitle: 'Storybook for Rax',
  brandUrl: 'https://github.com/storybookjs/storybook/tree/master/examples/rax-kitchen-sink',
});

addons.setConfig({
  showRoots: true,
  panelPosition: 'bottom',
  theme,
});