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/shared/image/image.component.html

@@ -1,3 +1,7 @@
 <img #img class="lazyload" [src]="imageService.placeholderImage" [attr.data-src]="imageUrl" 
             (error)="imageService.updateErroredImage($event)" 
             aria-hidden="true">
+
+<!-- <img #img [defaultImage]="imageService.placeholderImage" [lazyload]="imageUrl" 
+            (error)="imageService.updateErroredImage($event)" 
+            aria-hidden="true"> -->

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

@@ -45,20 +45,18 @@ import { ImageComponent } from './image/image.component';
     NgCircleProgressModule.forRoot(),
   ],
   exports: [
-    SafeHtmlPipe,
-    SentenceCasePipe,
-    ReadMoreComponent,
-    DrawerComponent,
-    TagBadgeComponent,
-    ShowIfScrollbarDirective,
-    A11yClickDirective,
-    SeriesFormatComponent,
-    SeriesFormatComponent,
-    TagBadgeComponent,
-    CircularLoaderComponent,
-    PersonBadgeComponent,
-    BadgeExpanderComponent,
-    ImageComponent
+    SafeHtmlPipe, // Used globally
+    SentenceCasePipe, // Used globablly
+    ReadMoreComponent, // Used globably
+    DrawerComponent, // Can be replaced with boostrap offscreen canvas (v5)
+    ShowIfScrollbarDirective, // Used book reader only?
+    A11yClickDirective, // Used globally
+    SeriesFormatComponent, // Used globally
+    TagBadgeComponent, // Used globally
+    CircularLoaderComponent, // Used in Cards only
+    PersonBadgeComponent,  // Used Series Detail
+    BadgeExpanderComponent, // Used globally
+    ImageComponent // Used globally
   ],
 })
 export class SharedModule { }