sidebar fixes

src/components/sidebar/Sidebar.tsx

@@ -89,11 +89,16 @@ export default function Sidebar() {
             aria-describedby="modal-modal-description"
             >
             <Box sx={style}>
-              <Typography id="modal-modal-title" variant="h6" component="h2">
+              <ModalContainer>
+                <Image src='/assets/marca1.png' width={250} height={200}/>
+                <Typography id="modal-modal-title" variant="subtitle2" component="p" style={{color: 'gray'}}>
                   Deseja realmente sair ?
                 </Typography>
-              <Link href='/'><Button variant="contained" sx={{mt:5}} onClick={() => signOut()}>Sim</Button></Link>
-              <Button variant="contained" onClick={handleClose} color="error" sx={{mt:5 ,ml:1}}>Não</Button>
+                <article>
+                  <Link href='/'><button onClick={() => signOut()}>Sair</button></Link>
+                  <button onClick={handleClose} color="error">Voltar</button>
+                </article>
+              </ModalContainer>
             </Box>
           </Modal>
           </ul>

src/components/sidebar/SidebarView.ts

@@ -3,7 +3,7 @@ import styled from 'styled-components'
 interface SidebarViewInterface {
   economiaDrawer: boolean | null,
   modalOpen: boolean | null,
-  pldDrawer: boolean | undefined
+  pldDrawer?: boolean | undefined
 }
 
 export const SidebarView = styled.nav<SidebarViewInterface>`