docs: use ComponentDecorator (#800)

Related to #702

front/src/modules/ui/right-drawer/components/__stories__/RightDrawerTopBar.stories.tsx

@@ -1,33 +1,27 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { ComponentDecorator } from '~/testing/decorators';
 import { graphqlMocks } from '~/testing/graphqlMocks';
-import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 
 import { RightDrawerTopBar } from '../RightDrawerTopBar';
 
 const meta: Meta<typeof RightDrawerTopBar> = {
   title: 'UI/RightDrawer/RightDrawerTopBar',
   component: RightDrawerTopBar,
-  argTypes: {
-    title: {
-      control: { type: 'text' },
-      defaultValue: 'My Title',
-    },
+  decorators: [
+    (Story) => (
+      <div style={{ width: '500px' }}>
+        <Story />
+      </div>
+    ),
+    ComponentDecorator,
+  ],
+  parameters: {
+    msw: graphqlMocks,
   },
 };
 
 export default meta;
 type Story = StoryObj<typeof RightDrawerTopBar>;
 
-export const Default: Story = {
-  render: getRenderWrapperForComponent(
-    <div style={{ width: '500px' }}>
-      <RightDrawerTopBar />
-    </div>,
-  ),
-  parameters: {
-    msw: graphqlMocks,
-    actions: { argTypesRegex: '^on.*' },
-  },
-  args: {},
-};
+export const Default: Story = {};