Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

front/src/modules/ui/board/card-field/components/BoardCardEditableFieldDate.tsx

@@ -0,0 +1,39 @@
+import { useMemo, useState } from 'react';
+
+import { InplaceInputDateDisplayMode } from '@/ui/display/component/InplaceInputDateDisplayMode';
+import { debounce } from '~/utils/debounce';
+
+import { BoardCardEditableField } from './BoardCardEditableField';
+import { BoardCardEditableFieldDateEditMode } from './BoardCardEditableFieldDateEditMode';
+
+type OwnProps = {
+  value: Date;
+  onChange: (newValue: Date) => void;
+  editModeHorizontalAlign?: 'left' | 'right';
+};
+
+export function BoardCardEditableFieldDate({
+  value,
+  onChange,
+  editModeHorizontalAlign,
+}: OwnProps) {
+  const [internalValue, setInternalValue] = useState(value);
+  const debouncedOnChange = useMemo(() => {
+    return debounce(onChange, 200);
+  }, [onChange]);
+  return (
+    <BoardCardEditableField
+      editModeHorizontalAlign={editModeHorizontalAlign}
+      editModeContent={
+        <BoardCardEditableFieldDateEditMode
+          value={internalValue}
+          onChange={(date: Date) => {
+            setInternalValue(date);
+            debouncedOnChange(date);
+          }}
+        />
+      }
+      nonEditModeContent={<InplaceInputDateDisplayMode value={value} />}
+    ></BoardCardEditableField>
+  );
+}