Feature/performance pdf (#426)

#  Added
- Added: Added series format information to the search typeahead to help identify duplicate series in libraries

# Fixed
- Fixed: Fixed accent color not looking well on light theme
- Fixed: Attempted to fix the memory issues with PDF reading on Docker. Uses a Memory Pool for streams and removes a bitmap operation for fixing books with transparent backgrounds (#424)

# Changed
- Changed: Refactored download logs to use the same download code as rest of Kavita 

# Dev stuff
- Added timeout for Regex's to make sure during matching, malicious filenames doesn't crash user system
- Refactored a missing GetCoverImage to use Series Format rather than old Library Type

==================================================
* Added Timeout for Regex matching to ensure malicious filenames don't crash system

* Refactored GetCoverImage to use series format rather than library type

* Refactored download logs to use the download service

* Fixed accent color not looking well on light theme

* Refactored series format into dedicated component and added to search results

* Switch to using MemoryManager for Streams to attempt to minimize GC pressure and reduced bitmap manipulation for transparency hack.

UI/Web/src/app/shared/_services/download.service.ts

@@ -1,4 +1,4 @@
-import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Series } from 'src/app/_models/series';
 import { environment } from 'src/environments/environment';
@@ -46,14 +46,18 @@ export class DownloadService {
     return this.httpClient.get(this.baseUrl + 'download/chapter?chapterId=' + chapterId, {observe: 'response', responseType: 'blob' as 'text'});
   }
 
+  downloadLogs() {
+    this.httpClient.get(this.baseUrl + 'server/logs', {observe: 'response', responseType: 'blob' as 'text'}).subscribe(resp => {
+      this.preformSave(resp.body || '', this.getFilenameFromHeader(resp.headers, 'logs'));
+    });
+  }
+
   downloadSeries(series: Series) {
     this.downloadSeriesSize(series.id).subscribe(async size => {
       if (size >= this.SIZE_WARNING && !await this.confirmService.confirm('The series is ' + this.humanFileSize(size) + '. Are you sure you want to continue?')) {
         return;
       }
       this.downloadSeriesAPI(series.id).subscribe(resp => {
-        //const filename = series.name + '.zip';
-        //this.preformSave(res, filename);
         this.preformSave(resp.body || '', this.getFilenameFromHeader(resp.headers, series.name));
       });
     });

UI/Web/src/app/shared/series-format/series-format.component.html

@@ -0,0 +1,4 @@
+<ng-container *ngIf="format != MangaFormat.UNKNOWN">
+    <i class="fa {{utilityService.mangaFormatIcon(format)}}" aria-hidden="true" title="{{utilityService.mangaFormat(format)}}"></i>&nbsp;
+    <ng-content></ng-content>
+</ng-container>

UI/Web/src/app/shared/series-format/series-format.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MangaFormat } from 'src/app/_models/manga-format';
+import { UtilityService } from '../_services/utility.service';
+
+@Component({
+  selector: 'app-series-format',
+  templateUrl: './series-format.component.html',
+  styleUrls: ['./series-format.component.scss']
+})
+export class SeriesFormatComponent implements OnInit {
+
+  @Input() format: MangaFormat = MangaFormat.UNKNOWN;
+
+  get MangaFormat(): typeof MangaFormat {
+    return MangaFormat;
+  }
+
+  constructor(public utilityService: UtilityService) { }
+
+  ngOnInit(): void {
+  }
+
+}

UI/Web/src/app/shared/shared.module.ts

@@ -16,6 +16,7 @@ import { TagBadgeComponent } from './tag-badge/tag-badge.component';
 import { CardDetailLayoutComponent } from './card-detail-layout/card-detail-layout.component';
 import { ShowIfScrollbarDirective } from './show-if-scrollbar.directive';
 import { A11yClickDirective } from './a11y-click.directive';
+import { SeriesFormatComponent } from './series-format/series-format.component';
 
 
 @NgModule({
@@ -31,7 +32,8 @@ import { A11yClickDirective } from './a11y-click.directive';
     TagBadgeComponent,
     CardDetailLayoutComponent,
     ShowIfScrollbarDirective,
-    A11yClickDirective
+    A11yClickDirective,
+    SeriesFormatComponent
   ],
   imports: [
     CommonModule,
@@ -54,7 +56,8 @@ import { A11yClickDirective } from './a11y-click.directive';
     TagBadgeComponent,
     CardDetailLayoutComponent,
     ShowIfScrollbarDirective,
-    A11yClickDirective
+    A11yClickDirective,
+    SeriesFormatComponent
   ]
 })
 export class SharedModule { }