docs: use ComponentDecorator (#800)

Related to #702

front/src/modules/activities/components/__stories__/CommentThreadRelationPicker.stories.tsx

@@ -2,33 +2,36 @@ import { MemoryRouter } from 'react-router-dom';
 import styled from '@emotion/styled';
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { ComponentDecorator } from '~/testing/decorators';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 import { mockedCommentThreads } from '~/testing/mock-data/comment-threads';
-import { getRenderWrapperForComponent } from '~/testing/renderWrappers';
 
 import { CommentThreadRelationPicker } from '../CommentThreadRelationPicker';
 
-const meta: Meta<typeof CommentThreadRelationPicker> = {
-  title: 'Modules/Comments/CommentThreadRelationPicker',
-  component: CommentThreadRelationPicker,
-  parameters: {
-    msw: graphqlMocks,
-  },
-};
-
 const StyledContainer = styled.div`
   width: 400px;
 `;
 
+const meta: Meta<typeof CommentThreadRelationPicker> = {
+  title: 'Modules/Comments/CommentThreadRelationPicker',
+  component: CommentThreadRelationPicker,
+  decorators: [
+    (Story) => (
+      <MemoryRouter>
+        <StyledContainer>
+          <Story />
+        </StyledContainer>
+      </MemoryRouter>
+    ),
+    ComponentDecorator,
+  ],
+  args: { commentThread: mockedCommentThreads[0] },
+  parameters: {
+    msw: graphqlMocks,
+  },
+};
+
 export default meta;
 type Story = StoryObj<typeof CommentThreadRelationPicker>;
 
-export const Default: Story = {
-  render: getRenderWrapperForComponent(
-    <MemoryRouter>
-      <StyledContainer>
-        <CommentThreadRelationPicker commentThread={mockedCommentThreads[0]} />
-      </StyledContainer>
-    </MemoryRouter>,
-  ),
-};
+export const Default: Story = {};