Remove the BookCover component, we're only showing 2 BookCards

on the front page.

src/components/books/bookCover.js

-import React from "react"
-import Img from "gatsby-image"
-
-const BookCover = ({book}) => {
-  return (
-    <div className="card mb-3 book-card">
-      <a href={book.readLink}>
-        <div className="row no-gutters">
-          <div className="col-md-12">
-            <Img fluid={book.cover.childImageSharp.fluid}
-               alt={`cover of ${book.title}`}
-              className="cover-only-img"
-            />
-          </div>
-        </div>
-      </a>
-    </div>
-  )
-}
-
-export default BookCover

src/components/books/bookList.js

 import React from "react"
 import BookCard from "./bookCard"
-import BookCover from "./bookCover"
 
 const BookList = ({books}) => {
 
@@ -20,19 +19,6 @@ const BookList = ({books}) => {
           })
         }
       </div>
-      <div className="row book-card-covers-only-list">
-        {
-          books.map(({node}) => {
-            if (node.frontmatter.orderOnPage > 5) {
-              return (
-                <BookCover key={node.id} book={node.frontmatter} />
-              )
-            } else {
-              return null
-            }
-          })
-        }
-      </div>
     </div>
   )
 }