Feature/edit name from show page (#806)

* Enable company name edition from page

* Enable editing persons as well

* Add styling for titles

* Better manage style with inheritance

* Add stories for poeple editable fields

* Remove failing test

* Revert "Remove failing test"

This reverts commit 02cdeeba64276a26f93cf4af94f5857e47d36fff.

* Fix test

* Update name

* Fix location

* Rename tests

* Fix stories

front/src/pages/companies/CompanyShow.tsx

@@ -17,6 +17,8 @@ import { ShowPageSummaryCard } from '@/ui/layout/show-page/components/ShowPageSu
 import { CommentableType } from '~/generated/graphql';
 import { getLogoUrlFromDomainName } from '~/utils';
 
+import { CompanyNameEditableField } from '../../modules/companies/editable-field/components/CompanyNameEditableField';
+
 export function CompanyShow() {
   const companyId = useParams().companyId ?? '';
 
@@ -39,6 +41,9 @@ export function CompanyShow() {
           logoOrAvatar={getLogoUrlFromDomainName(company?.domainName ?? '')}
           title={company?.name ?? 'No name'}
           date={company?.createdAt ?? ''}
+          renderTitleEditComponent={() => (
+            <CompanyNameEditableField company={company} />
+          )}
         />
         <PropertyBox extraPadding={true}>
           <CompanyDomainNameEditableField company={company} />

front/src/pages/people/PersonShow.tsx

@@ -11,6 +11,8 @@ import { ShowPageRightContainer } from '@/ui/layout/show-page/components/ShowPag
 import { ShowPageSummaryCard } from '@/ui/layout/show-page/components/ShowPageSummaryCard';
 import { CommentableType } from '~/generated/graphql';
 
+import { PeopleFullNameEditableField } from '../../modules/people/editable-field/components/PeopleFullNameEditableField';
+
 export function PersonShow() {
   const personId = useParams().personId ?? '';
 
@@ -31,6 +33,9 @@ export function PersonShow() {
             id={person?.id}
             title={person?.displayName ?? 'No name'}
             date={person?.createdAt ?? ''}
+            renderTitleEditComponent={() =>
+              person ? <PeopleFullNameEditableField people={person} /> : <></>
+            }
           />
           {person && <PersonPropertyBox person={person} />}
         </ShowPageLeftContainer>