Various Style Updates from Johannes

src/App.js

@@ -151,7 +151,7 @@ function App() {
         <StorageContext.Provider value={FBstorage}>
           <Routes>
             <Route path="/" element={<Home items={data} />} />
-            <Route path="/about" element={<About greeting="Hey you, this is about page!" handler={saySomething} />} />
+            <Route path="/about" element={<About greeting="Hey you, this is about page!" />} />
             <Route path="/contact" element={<Contact greeting="Hey you, this is contact page!" />} />
             <Route path="/signup" element={<Signup handler={signUp} />} />
             <Route path="/signout" element={<Signout handler={logOut} />} />

src/components/Header.js

@@ -27,7 +27,7 @@ export function Header(props) {
 
   }
   return (
-    <Navbar>
+    <Navbar className="mb-3">
       <Container>
         <Navbar.Brand>Ray's Book Club</Navbar.Brand>
         <Nav>

src/pages/Detail.js

@@ -24,7 +24,7 @@ export function Detail(props) {
             <Container>
                 <Row>
                     <Col>
-                        <h1>{bookData.book_title}</h1>
+                        <h1 className="my-4">{bookData.book_title}</h1>
                     </Col>
                 </Row>
                 <Row>