concerto do bug na pagina de atendimento para o paciente e melhoria do design

src/PagesPaciente/ConsultaCadastroManager.jsx

@@ -47,7 +47,7 @@ const ConsultaCadastroManager = () => {
        
        "patient_notes": "Prefiro horário pela manhã",
        "insurance_provider": Dict.convenio,
-       "status": Dict.status,
+       "status": "confirmed",
        "created_by": idUsuario
     });
     

src/PagesPaciente/ConsultasPaciente.jsx

@@ -192,14 +192,17 @@ const confirmConsulta = (selectedPatientId) => {
             <h1> Gerencie suas consultas</h1>
 
             <div className='form-container'>
+
+              <div className='btns-container'>
                 <button className="btn btn-primary" onClick={() => { navigate("criar") }}>
                     <i className="bi bi-plus-circle"></i> Adicionar Consulta
                 </button>
                 {!viewFila ?
-                <button onClick={() => setViewFila(true)}> Fila de espera</button>
+                <button onClick={() => setViewFila(true)} className="btn btn-primary">Ver fila de espera</button>
                 :
-                <button onClick={() => setViewFila(false)}>Consultas </button>
+                <button onClick={() => setViewFila(false)} className="btn btn-primary">Ver consultas </button>
                 }
+              </div>
 
                 <h2>Seus próximos atendimentos</h2>
                 {viewFila ? 
@@ -231,18 +234,7 @@ const confirmConsulta = (selectedPatientId) => {
                     <td><p>{item?.paciente_cpf} </p></td>
                     <td><p>{item?.medico_nome} </p></td>
                     <td>{dayjs(item?.created_at).format('DD/MM/YYYY HH:mm')}</td> 
-                    <td> <div className="d-flex gap-2">
-                    
-                        <button className="btn btn-sm btn-edit"
-                        onClick={() => {
-                        console.log(item, 'item')
-                        navigate(`${2}/edit`) 
-                       
-                        }}
-                        >
-                        <i className="bi bi-pencil me-1"></i> Editar
-                        </button>
-                    
+                    <td> <div className="d-flex gap-2">                 
 
                     <button
                         className="btn btn-sm btn-delete"
@@ -261,7 +253,7 @@ const confirmConsulta = (selectedPatientId) => {
         </div>   
             :
 
-               <TabelaAgendamentoDia agendamentos={consultasOrganizadas} listaConsultasID={[]} setDictInfo={setDictInfo} 
+               <TabelaAgendamentoDia agendamentos={consultasOrganizadas} setDictInfo={setDictInfo} 
                selectedID={selectedID} setSelectedId={setSelectedId} setShowDeleteModal={setShowDeleteModal}
                coresConsultas={coresConsultas} setListaConsultaID={setListaConsultaID}
                listaConsultasID={listaConsultasID} setShowConfirmModal={setShowConfirmModal}

src/PagesPaciente/FormConsultaPaciente.jsx

@@ -177,12 +177,8 @@ const handleSubmit = (e) => {
     <div className="form-container">
       
 
-      <form className="form-agendamento" onSubmit={handleSubmit}>
-        1
-      
+      <form className="form-agendamento" onSubmit={handleSubmit}>      
         <h2 className="section-title">Informações do atendimento</h2>
-       
-
         <div className="campo-informacoes-atendimento">
             
             <div className="campo-de-input-container"> {/* NOVO CONTAINER PAI */}

src/PagesPaciente/style.css

@@ -104,3 +104,9 @@
     background-color: #c82333; /* Um vermelho um pouco mais escuro para o hover */
     filter: brightness(90%); /* Alternativa: escurecer um pouco mais */
 }
+
+.btns-container{
+    display: flex;
+    gap: 10px;
+   
+}

src/pages/Agendamento.jsx

@@ -325,7 +325,7 @@ useEffect(() => {
 
   return (
     <div>
-      <div className='spinner'></div>
+      
       <h1>Agendar nova consulta</h1>
 
       <div className="btns-gerenciamento-e-consulta" style={{ display: 'flex', gap: '10px', marginBottom: '20px' }}>
@@ -355,8 +355,8 @@ useEffect(() => {
           <div className='busca-atendimento-container'> 
             <div className='input-e-dropdown-wrapper'>
               <div className='busca-atendimento'>
-                  <div>
-                      <i className="fa-solid fa-calendar-day"></i>
+                  
+                  <div className='col-md-6 mb-3'>       
                       <input
                           type="text"
                           placeholder="Filtrar atendimento por médico..."

src/pages/style/Agendamento.css

@@ -194,9 +194,7 @@ html[data-bs-theme="dark"] {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
   }
 
-  .unidade-selecionarprofissional input,
-  .unidade-selecionarprofissional select,
-  .busca-atendimento select,
+
   .busca-atendimento input {
     background-color: #2c2c2c;
     color: #e0e0e0;