text: import BookList from "./components/BookList";
  import Navbar from "./components/Navbar";
  import ThemeToggle from "./components/ThemeToggle";
  import AuthContextProvider from "./contexts/AuthContext";
  import ThemeContextProvider from "./contexts/ThemeContext";
  import BookContextProvider from "./contexts/BookContext";
  
  function App() {
    return (
      <div className="App">
        <ThemeContextProvider>
          <AuthContextProvider>
            <Navbar />
            <BookContextProvider>
              <BookList />
            </BookContextProvider>
            <ThemeToggle />
          </AuthContextProvider>
        </ThemeContextProvider>
      </div>
    );
  }
  
  export default App;
  