feat: coloca lista de médicos e lista de pacientes em tabs no lugar de modais

ui/src/components/ListaMedicosModal.jsx

@@ -1,29 +0,0 @@
-import { Modal } from 'antd';
-
-import ListaMedicos from "./ListaMedicos.jsx"
-
-function ListaMedicosModal({isMedicosModalOpen, setIsMedicosModalOpen}) {
-  const handleMedicosOk = () => {
-    setIsMedicosModalOpen(false);
-  };
-  const handleMedicosCancel = () => {
-    setIsMedicosModalOpen(false);
-  };
-
-  return (
-    <>
-      <Modal
-        title="Médicos"
-        closable={{ 'aria-label': 'Custom Close Button' }}
-        open={isMedicosModalOpen}
-        onOk={handleMedicosOk}
-        onCancel={handleMedicosCancel}
-        width={1000}
-      >
-        <ListaMedicos />
-      </Modal>
-    </>
-  );
-}
-
-export default ListaMedicosModal;

ui/src/components/ListaPacientesModal.jsx

@@ -1,29 +0,0 @@
-import { Modal } from 'antd';
-
-import ListaPacientes from "./ListaPacientes.jsx"
-
-function ListaPacientesModal({isPacientesModalOpen, setIsPacientesModalOpen}) {
-  const handlePacientesOk = () => {
-    setIsPacientesModalOpen(false);
-  };
-  const handlePacientesCancel = () => {
-    setIsPacientesModalOpen(false);
-  };
-
-  return (
-    <>
-      <Modal
-        title="Pacientes"
-        closable={{ 'aria-label': 'Custom Close Button' }}
-        open={isPacientesModalOpen}
-        onOk={handlePacientesOk}
-        onCancel={handlePacientesCancel}
-        width={1000}
-      >
-        <ListaPacientes />
-      </Modal>
-    </>
-  );
-}
-
-export default ListaPacientesModal;

ui/src/containers/DashboardContainer/index.jsx

@@ -1,28 +1,30 @@
 import { useState, useEffect } from "react";
 
-import { Button } from 'antd';
+import { Button, Tabs } from 'antd';
 
-import ListaMedicosModal from "../../components/ListaMedicosModal.jsx";
-import ListaPacientesModal from "../../components/ListaPacientesModal.jsx";
+import ListaMedicos from "../../components/ListaMedicos.jsx";
+import ListaPacientes from "../../components/ListaPacientes.jsx";
 import CadastrarMedicosModal from "../../components/CadastrarMedicosModal.jsx";
 import LoginModal from "../../components/LoginModal.jsx";
 
 import "./index.less";
 
+const items = [
+  {
+    key: '1',
+    label: 'Lista de pacientes',
+    children: <ListaPacientes />
+  },
+  {
+    key: '2',
+    label: 'Lista de médicos',
+    children: <ListaMedicos />
+  },
+];
+
 function DashboardContainer() {
-  const [isPacientesModalOpen, setIsPacientesModalOpen] = useState(false);
-  const [isMedicosModalOpen, setIsMedicosModalOpen] = useState(false);
   const [isCadastrarMedicosModalOpen, setIsCadastrarMedicosModalOpen] = useState(false);
   const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
-
-  const showPacientesModal = () => {
-    setIsPacientesModalOpen(true);
-  };
-
-  const showMedicosModal = () => {
-    setIsMedicosModalOpen(true);
-  };
-
   const showCadastrarMedicosModal = () => {
     setIsCadastrarMedicosModalOpen(true);
   };
@@ -33,27 +35,13 @@ function DashboardContainer() {
 
   return (
     <>
-      <Button type="primary" onClick={showPacientesModal}>
-        Lista de pacientes 
-      </Button>
-      <Button type="primary" onClick={showMedicosModal}>
-        Lista de médicos 
-      </Button>
       <Button type="primary" onClick={showCadastrarMedicosModal}>
         Cadastrar médicos 
       </Button>
       <Button type="primary" onClick={showLoginModal}>
         Login 
       </Button>
-
-      <ListaPacientesModal
-        isPacientesModalOpen={isPacientesModalOpen}
-        setIsPacientesModalOpen={setIsPacientesModalOpen}
-      />
-      <ListaMedicosModal
-        isMedicosModalOpen={isMedicosModalOpen}
-        setIsMedicosModalOpen={setIsMedicosModalOpen}
-      />
+      <Tabs defaultActiveKey="1" items={items} />
       <CadastrarMedicosModal
         isCadastrarMedicosModalOpen={isCadastrarMedicosModalOpen}
         setIsCadastrarMedicosModalOpen={setIsCadastrarMedicosModalOpen}