Tengo un crud con firestore y react. En app.js tiene una barra de navegación y dos contenedores. Se muestran los contenedores, pero no la barra de navegación. Este es el repositorio de github: enlace al proyecto de github

 return ( <> <Navbar bg="dark" variant="dark" className="header"> <Container> <Navbar.Brand href="#home">Library - Firebase CRUD</Navbar.Brand> </Container> </Navbar> <Container style={{ width: "400px" }}> <Row> <Col> <AddBook id={bookId} setBookId={setBookId} /> </Col> </Row> </Container> <Container> <Row> <Col> <BooksList getBookId={getBookIdHandler} /> </Col> </Row> </Container> <Container style={{ width: "400px" }}> <Row> <Col> <UserAuthContextProvider> <Routes> <Route path="/home" element={ <ProtectedRoute> <Home /> </ProtectedRoute> } /> <Route path="/" element={<Login />} /> <Route path="/signup" element={<Signup />} /> </Routes> </UserAuthContextProvider> </Col> </Row> </Container> </> );