Create consistent ui/input and ui/display for Cell and Fields type : … (#1658)

* Create consistent ui/input and ui/display for Cell and Fields type : Probability, DoubleText, DoubleTextChip

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Move components to `ui/input`

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Update imports in ProbabilityEditableFieldEditMode

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Refactor according to review

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Create consistent ui/input and ui/display for Cell and Fields type : Probability, DoubleText, DoubleTextChip

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Merge main

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Add more refactors

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Refactor according to review

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

front/src/modules/ui/content-display/components/DoubleTextChipDisplay.tsx

@@ -0,0 +1,37 @@
+import { CompanyChip } from '@/companies/components/CompanyChip';
+import { PersonChip } from '@/people/components/PersonChip';
+import { Entity } from '@/ui/input/relation-picker/types/EntityTypeForSelect';
+
+type OwnProps = {
+  entityType: Entity;
+  displayName: string;
+  entityId: string | null;
+  avatarUrlValue?: string;
+};
+
+export const DoubleTextChipDisplay = ({
+  entityType,
+  displayName,
+  entityId,
+  avatarUrlValue,
+}: OwnProps) => {
+  switch (entityType) {
+    case Entity.Company: {
+      return <CompanyChip id={entityId ?? ''} name={displayName} />;
+    }
+    case Entity.Person: {
+      return (
+        <PersonChip
+          id={entityId ?? ''}
+          name={displayName}
+          pictureUrl={avatarUrlValue}
+        />
+      );
+    }
+    default:
+      console.warn(
+        `Unknown relation type: "${entityType}" in DoubleTextChipDisplay`,
+      );
+      return <> </>;
+  }
+};

front/src/modules/ui/content-display/components/DoubleTextDisplay.tsx

@@ -0,0 +1,3 @@
+import { TextDisplay } from './TextDisplay';
+
+export const DoubleTextDisplay = TextDisplay;