🪛 Refactoring to use the updated rendition path

src/client/components/Card.tsx

@@ -22,23 +22,17 @@ class Card extends React.Component<IProps, IState> {
   public drawCoverCard = (
     metadata: IExtractedComicBookCoverFile,
   ): JSX.Element => {
-    const filePath = encodeURI(
-      "http://localhost:3000" +
-        removeLeadingPeriod(metadata.path) +
-        "/" +
-        metadata.name,
+    const encodedFilePath = encodeURI(
+      "http://localhost:3000" + removeLeadingPeriod(metadata.path),
     );
-
+    const filePath = escapePoundSymbol(encodedFilePath);
     return (
       <div>
         <div className="card generic-card">
           <div>
             <div className="card-image">
               <figure className="image">
-                <img
-                  src={escapePoundSymbol(filePath)}
-                  alt="Placeholder image"
-                />
+                <img src={filePath} alt="Placeholder image" />
               </figure>
             </div>
             <div className="card-content">

src/client/components/Dashboard.tsx

@@ -55,7 +55,7 @@ const mapDispatchToProps = (dispatch) => ({
       getRecentlyImportedComicBooks({
         paginationOptions: {
           page: 0,
-          limit: 18,
+          limit: 31,
         },
       }),
     );