Chore(front): Create a custom eslint rule for Props naming (#1904)

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

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

@@ -18,7 +18,7 @@ import {
 import { ACTIVITY_UPDATE_FRAGMENT } from '../graphql/fragments/activityUpdateFragment';
 import { GET_ACTIVITIES } from '../graphql/queries/getActivities';
 
-export type OwnProps = {
+export type ActivityAssigneePickerProps = {
   activity: Pick<Activity, 'id'> & {
     accountOwner?: Pick<User, 'id' | 'displayName'> | null;
   };
@@ -34,7 +34,7 @@ export const ActivityAssigneePicker = ({
   activity,
   onSubmit,
   onCancel,
-}: OwnProps) => {
+}: ActivityAssigneePickerProps) => {
   const [relationPickerSearchFilter] = useRecoilScopedState(
     relationPickerSearchFilterScopedState,
   );

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

@@ -14,12 +14,15 @@ const StyledBlockNoteStyledContainer = styled.div`
   width: 100%;
 `;
 
-type OwnProps = {
+type ActivityBodyEditorProps = {
   activity: Pick<Activity, 'id' | 'body'>;
   onChange?: (activityBody: string) => void;
 };
 
-export const ActivityBodyEditor = ({ activity, onChange }: OwnProps) => {
+export const ActivityBodyEditor = ({
+  activity,
+  onChange,
+}: ActivityBodyEditorProps) => {
   const [updateActivityMutation] = useUpdateActivityMutation();
 
   const client = useApolloClient();

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

@@ -16,7 +16,7 @@ import { Comment } from '../comment/Comment';
 import { GET_ACTIVITY } from '../graphql/queries/getActivity';
 import { CommentForDrawer } from '../types/CommentForDrawer';
 
-type OwnProps = {
+type ActivityCommentsProps = {
   activity: Pick<Activity, 'id'> & {
     comments: Array<CommentForDrawer>;
   };
@@ -62,7 +62,7 @@ const StyledThreadCommentTitle = styled.div`
 export const ActivityComments = ({
   activity,
   scrollableContainerRef,
-}: OwnProps) => {
+}: ActivityCommentsProps) => {
   const [createCommentMutation] = useCreateCommentMutation();
   const currentUser = useRecoilValue(currentUserState);
 

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

@@ -60,7 +60,7 @@ const StyledTopContainer = styled.div`
   padding: 24px 24px 24px 48px;
 `;
 
-type OwnProps = {
+type ActivityEditorProps = {
   activity: Pick<
     Activity,
     'id' | 'title' | 'body' | 'type' | 'completedAt' | 'dueAt'
@@ -82,7 +82,7 @@ export const ActivityEditor = ({
   activity,
   showComment = true,
   autoFillTitle = false,
-}: OwnProps) => {
+}: ActivityEditorProps) => {
   const [hasUserManuallySetTitle, setHasUserManuallySetTitle] =
     useState<boolean>(false);
 

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

@@ -44,7 +44,7 @@ const StyledCheckboxContainer = styled.div`
   justify-content: center;
 `;
 
-type OwnProps = {
+type ActivityTitleProps = {
   title: string;
   type: ActivityType;
   completed: boolean;
@@ -58,7 +58,7 @@ export const ActivityTitle = ({
   type,
   onTitleChange,
   onCompletionChange,
-}: OwnProps) => (
+}: ActivityTitleProps) => (
   <StyledContainer>
     {type === ActivityType.Task && (
       <StyledCheckboxContainer onClick={() => onCompletionChange(!completed)}>

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

@@ -9,11 +9,13 @@ import {
 import { IconCheckbox, IconNotes } from '@/ui/icon';
 import { Activity, ActivityType } from '~/generated/graphql';
 
-type OwnProps = {
+type ActivityTypeDropdownProps = {
   activity: Pick<Activity, 'type'>;
 };
 
-export const ActivityTypeDropdown = ({ activity }: OwnProps) => {
+export const ActivityTypeDropdown = ({
+  activity,
+}: ActivityTypeDropdownProps) => {
   const theme = useTheme();
   return (
     <Chip