Theme Cleanup (#1089)

* Fixed e-ink theme not properly applying correctly

* Fixed some seed changes. Changed card checkboxes to use our themed ones

* Fixed recently added carousel not going to recently-added page

* Fixed an issue where no results found would show when searching for a library name

* Cleaned up list a bit, typeahead dropdown still needs work

* Added a TODO to streamline series-card component

* Removed ng-lazyload-image module since we don't use it. We use lazysizes

* Darken card on hover

* Fixing accordion focus style

* ux pass updates

- Fixed typeahead width
- Fixed changelog download buttons
- Fixed a select
- Fixed various input box-shadows
- Fixed all anchors to only have underline on hover
- Added navtab hover and active effects

* more ux pass

- Fixed spacing on theme cards
- Fixed some light theme issues
- Exposed text-muted-color for theme card subtitle color

* UX pass fixes

- Changed back to bright green for primary on dark theme
- Changed fa icon to black on e-ink

* Merged changelog component

* Fixed anchor buttons text decoration

* Changed nav tabs to have a background color instead of open active state

* When user is not authenticated, make sure we set default theme (dark)

* Cleanup on carousel

* Updated Users tab to use small buttons with icons to align with Library tab

* Cleaned up brand to not underline, removed default link underline on hover in dropdown and pill tabs

* Fixed collection detail posters not rendering

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>

UI/Web/src/app/_pipes/person-role.pipe.ts

@@ -0,0 +1,26 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { PersonRole } from '../_models/person';
+
+@Pipe({
+  name: 'personRole'
+})
+export class PersonRolePipe implements PipeTransform {
+
+  transform(value: PersonRole): string {
+    switch (value) {
+      case PersonRole.Artist: return 'Artist';
+      case PersonRole.Character: return 'Character';
+      case PersonRole.Colorist: return 'Colorist';
+      case PersonRole.CoverArtist: return 'Cover Artist';
+      case PersonRole.Editor: return 'Editor';
+      case PersonRole.Inker: return 'Inker';
+      case PersonRole.Letterer: return 'Letterer';
+      case PersonRole.Penciller: return 'Penciller';
+      case PersonRole.Publisher: return 'Publisher';
+      case PersonRole.Writer: return 'Writer';
+      case PersonRole.Other: return '';
+      default: return '';
+    }
+  }
+
+}

UI/Web/src/app/_pipes/publication-status.pipe.ts

@@ -0,0 +1,19 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { PublicationStatus } from '../_models/metadata/publication-status';
+
+@Pipe({
+  name: 'publicationStatus'
+})
+export class PublicationStatusPipe implements PipeTransform {
+
+  transform(value: PublicationStatus): string {
+    switch (value) {
+      case PublicationStatus.OnGoing: return 'Ongoing';
+      case PublicationStatus.Hiatus: return 'Hiatus';
+      case PublicationStatus.Completed: return 'Completed';
+      
+      default: return '';
+    }
+  }
+
+}