fix(persons): restore csv import function deleted from UI

Author: nobodyzero1

src/features/persons/export_persons/index.tsx

@@ -2,6 +2,7 @@ import { Box, Slide } from '@mui/material';
 import { Button, PageTitle } from '@components/index';
 import {
   IconAddPerson,
+  IconImportExport,
   IconPanelClose,
   IconPanelOpen,
 } from '@components/icons';
@@ -11,11 +12,12 @@ import {
   useCurrentUser,
 } from '@hooks/index';
 import useAllPersons from './useAllPersons';
-import ExportPersons from '@features/persons/export_persons';
+
 import PersonsList from '@features/persons/list';
 import PersonsFilter from '@features/persons/filter';
 import PersonsSearch from '@features/persons/search';
 import NavBarButton from '@components/nav_bar_button';
+import ImportExport from '@features/persons/import_export';
 
 const PersonsAll = () => {
   const { t } = useAppTranslation();
@@ -24,7 +26,14 @@ const PersonsAll = () => {
 
   const { isPersonEditor } = useCurrentUser();
 
-  const { handlePersonAdd, isPanelOpen, setIsPanelOpen } = useAllPersons();
+  const {
+    handlePersonAdd,
+    isPanelOpen,
+    setIsPanelOpen,
+    handleOpenExchange,
+    isDataExchangeOpen,
+    handleCloseExchange,
+  } = useAllPersons();
 
   return (
     <Box
@@ -40,7 +49,12 @@ const PersonsAll = () => {
         buttons={
           isPersonEditor && (
             <>
-              <ExportPersons />
+              <NavBarButton
+                text={t('tr_importExport')}
+                main={false}
+                icon={<IconImportExport />}
+                onClick={handleOpenExchange}
+              ></NavBarButton>
               <NavBarButton
                 text={t('tr_btnAdd')}
                 main
@@ -52,6 +66,11 @@ const PersonsAll = () => {
         }
       />
 
+      <ImportExport
+        key={isDataExchangeOpen ? 'open' : 'closed'}
+        open={isDataExchangeOpen}
+        onClose={handleCloseExchange}
+      />
       <Box
         sx={{
           display: 'flex',