feat: Multi WACZ json Front End Support (#214)

Better display for Multi WACZ collections, including showing:
- File size of combined WACZ
- List of all WACZ files (with downloadable links)
- Use collection title instead of filename for all names (collection index, breadcrumb, sidebar)
- Display collection description (if available) on sidebar + info page

src/pages.js

@@ -471,9 +471,15 @@ class Pages extends LitElement {
         display: flex;
         flex-direction: column;
       }
+
       .flex-auto {
         flex: auto;
       }
+
+      .index-bar-description {
+        margin-bottom: 20px;
+        font-style: italic;
+      }
     `);
   }
 
@@ -579,11 +585,19 @@ class Pages extends LitElement {
                 </form>
               `
             : html` <div
-                class="index-bar-title"
-                @dblclick="${() => (this.editing = true)}"
-              >
-                ${this.collInfo.title}
-              </div>`}
+                  class="index-bar-title"
+                  @dblclick="${() => (this.editing = true)}"
+                >
+                  ${this.collInfo.name || this.collInfo.title}
+                </div>
+                ${this.collInfo.description
+                  ? html`<div
+                      class="index-bar-description"
+                      @dblclick="${() => (this.editing = true)}"
+                    >
+                      ${this.collInfo.description}
+                    </div>`
+                  : html``}`}
           ${this.editable
             ? html`<fa-icon class="editIcon" .svg="${fasEdit}"></fa-icon>`
             : html``}
@@ -607,7 +621,6 @@ class Pages extends LitElement {
             aria-atomic="true"
             >${this.formatResults()}</span
           >
-
           ${this.editable
             ? html` <div class="index-bar-actions">
                 ${this.renderDownloadMenu()}