Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

front/src/modules/ui/display/component/InplaceInputDateDisplayMode.tsx

@@ -0,0 +1,9 @@
+import { formatToHumanReadableDate } from '~/utils';
+
+type OwnProps = {
+  value: Date;
+};
+
+export function InplaceInputDateDisplayMode({ value }: OwnProps) {
+  return <div>{value && formatToHumanReadableDate(value)}</div>;
+}

front/src/modules/ui/display/component/InplaceInputPhoneDisplayMode.tsx

@@ -0,0 +1,34 @@
+import { MouseEvent } from 'react';
+import styled from '@emotion/styled';
+import { isValidPhoneNumber, parsePhoneNumber } from 'libphonenumber-js';
+
+import { RawLink } from '@/ui/link/components/RawLink';
+
+const StyledRawLink = styled(RawLink)`
+  overflow: hidden;
+
+  a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`;
+
+type OwnProps = {
+  value: string;
+};
+
+export function InplaceInputPhoneDisplayMode({ value }: OwnProps) {
+  return isValidPhoneNumber(value) ? (
+    <StyledRawLink
+      href={parsePhoneNumber(value, 'FR')?.getURI()}
+      onClick={(event: MouseEvent<HTMLElement>) => {
+        event.stopPropagation();
+      }}
+    >
+      {parsePhoneNumber(value, 'FR')?.formatInternational() || value}
+    </StyledRawLink>
+  ) : (
+    <StyledRawLink href="#">{value}</StyledRawLink>
+  );
+}

front/src/modules/ui/display/component/InplaceInputTextDisplayMode.tsx

@@ -0,0 +1,8 @@
+import styled from '@emotion/styled';
+
+export const InplaceInputTextDisplayMode = styled.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+`;