Add styled component rule (#1261)

* Add StyledComponent rule

* update doc

* update doc

* update doc

front/src/modules/activities/components/ActivityBodyEditor.tsx

@@ -10,7 +10,7 @@ import { Activity, useUpdateActivityMutation } from '~/generated/graphql';
 
 import { ACTIVITY_UPDATE_FRAGMENT } from '../graphql/fragments/activityUpdateFragment';
 
-const BlockNoteStyledContainer = styled.div`
+const StyledBlockNoteStyledContainer = styled.div`
   width: 100%;
 `;
 
@@ -70,8 +70,8 @@ export function ActivityBodyEditor({ activity, onChange }: OwnProps) {
   });
 
   return (
-    <BlockNoteStyledContainer>
+    <StyledBlockNoteStyledContainer>
       <BlockEditor editor={editor} />
-    </BlockNoteStyledContainer>
+    </StyledBlockNoteStyledContainer>
   );
 }