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/companies/components/CompanyChip.tsx

@@ -1,6 +1,6 @@
 import { EntityChip, EntityChipVariant } from '@/ui/chip/components/EntityChip';
 
-type OwnProps = {
+type CompanyChipProps = {
   id: string;
   name: string;
   pictureUrl?: string;
@@ -12,7 +12,7 @@ export const CompanyChip = ({
   name,
   pictureUrl,
   variant = EntityChipVariant.Regular,
-}: OwnProps) => (
+}: CompanyChipProps) => (
   <EntityChip
     entityId={id}
     linkToEntity={`/companies/${id}`}

front/src/modules/companies/components/CompanyPicker.tsx

@@ -7,13 +7,17 @@ import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoi
 
 import { useFilteredSearchCompanyQuery } from '../hooks/useFilteredSearchCompanyQuery';
 
-export type OwnProps = {
+export type CompanyPickerProps = {
   companyId: string | null;
   onSubmit: (newCompanyId: EntityForSelect | null) => void;
   onCancel?: () => void;
 };
 
-export const CompanyPicker = ({ companyId, onSubmit, onCancel }: OwnProps) => {
+export const CompanyPicker = ({
+  companyId,
+  onSubmit,
+  onCancel,
+}: CompanyPickerProps) => {
   const [relationPickerSearchFilter, setRelationPickerSearchFilter] =
     useRecoilScopedState(relationPickerSearchFilterScopedState);
 

front/src/modules/companies/components/CompanyProgressPicker.tsx

@@ -16,7 +16,7 @@ import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope'
 
 import { useFilteredSearchCompanyQuery } from '../hooks/useFilteredSearchCompanyQuery';
 
-export type OwnProps = {
+export type CompanyProgressPickerProps = {
   companyId: string | null;
   onSubmit: (
     newCompanyId: EntityForSelect | null,
@@ -29,7 +29,7 @@ export const CompanyProgressPicker = ({
   companyId,
   onSubmit,
   onCancel,
-}: OwnProps) => {
+}: CompanyProgressPickerProps) => {
   const containerRef = useRef<HTMLDivElement>(null);
 
   const { searchFilter, handleSearchFilterChange } = useEntitySelectSearch();

front/src/modules/companies/components/CompanyTeam.tsx

@@ -5,7 +5,7 @@ import { Company, useGetPeopleQuery } from '~/generated/graphql';
 
 import { AddPersonToCompany } from './AddPersonToCompany';
 
-export type CompanyTeamPropsType = {
+export type CompanyTeamProps = {
   company: Pick<Company, 'id'>;
 };
 
@@ -42,7 +42,7 @@ const StyledTitle = styled.div`
   line-height: ${({ theme }) => theme.text.lineHeight.lg};
 `;
 
-export const CompanyTeam = ({ company }: CompanyTeamPropsType) => {
+export const CompanyTeam = ({ company }: CompanyTeamProps) => {
   const { data } = useGetPeopleQuery({
     variables: {
       orderBy: [],