Import company and person from csv file (#1236)

* feat: wip implement back-end call csv import

* fix: rebase IconBrandTwitter missing

* feat: person and company csv import

* fix: test & clean

* fix: clean & test

front/src/modules/spreadsheet-import/components/ModalWrapper.tsx

@@ -0,0 +1,40 @@
+import type React from 'react';
+import styled from '@emotion/styled';
+
+import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal';
+import { Modal } from '@/ui/modal/components/Modal';
+
+import { ModalCloseButton } from './ModalCloseButton';
+
+const StyledModal = styled(Modal)`
+  height: 61%;
+  min-height: 500px;
+  min-width: 600px;
+  position: relative;
+  width: 53%;
+`;
+
+const StyledRtlLtr = styled.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+`;
+
+type Props = {
+  children: React.ReactNode;
+  isOpen: boolean;
+  onClose: () => void;
+};
+
+export const ModalWrapper = ({ children, isOpen, onClose }: Props) => {
+  const { rtl } = useSpreadsheetImportInternal();
+
+  return (
+    <StyledModal isOpen={isOpen}>
+      <StyledRtlLtr dir={rtl ? 'rtl' : 'ltr'}>
+        <ModalCloseButton onClose={onClose} />
+        {children}
+      </StyledRtlLtr>
+    </StyledModal>
+  );
+};