WebP Support (#581)

* Added trackby so when series scan event comes through, cards can update too

* Added chapter boundary toasts on book reader

* Handle closing the reader when in a reading list

* Somehow the trackby save didn't happen

* Fixed an issue where after opening a chapter info modal, then trying to open another in specials tab it would fail due to a pass by reference issue with our factory.

* When a series update occurs, if we loose specials tab, but we were on it, reselect volumes/chapters tab

* Fixed an issue where older releases would show as available, even though they were already installed.

* Converted tabs within modals to use vertical orientation (except on mobile)

* Implemented webp support. Only Safari does not support this format natively. MacOS users can use an alternative browser.

* Refactored ScannerService and MetadataService to be fully async

UI/Web/src/app/admin/changelog/changelog.component.html

@@ -2,10 +2,8 @@
     <div class="card w-100 mb-2" style="width: 18rem;">
         <div class="card-body">
           <h5 class="card-title">{{update.updateTitle}}&nbsp;
-              <span class="badge badge-secondary" *ngIf="update.updateVersion <= update.currentVersion; else available">Installed</span>
-              <ng-template #available>
-                  <span class="badge badge-secondary">Available</span>
-              </ng-template>
+              <span class="badge badge-secondary" *ngIf="update.updateVersion === update.currentVersion">Installed</span>
+              <span class="badge badge-secondary" *ngIf="update.updateVersion > update.currentVersion">Available</span>
           </h5>
           <pre class="card-text update-body" [innerHtml]="update.updateBody | safeHtml"></pre>
           <a *ngIf="!update.isDocker" href="{{update.updateUrl}}" class="btn btn-{{indx === 0 ? 'primary' : 'secondary'}} float-right" target="_blank">Download</a>