Last batch of bugfixes (#1262)

* Refactored code to show action bar instead of drawer in immersive mode

* Card grid

* adding margin for pagination gap

* Fixed a rare routing case that wouldn't redirect

* Fixed a bug where series detail would show blank filtering

* Fixing image scaling and library card spacing

* Refactored some methods to be static

* Adding card grid to series detail

* Fixed a bug with webtoon going to non-webtoon mode, resulting in black screen.

* Ensure emails are trimmed when trying to invite.

* Don't show More In if there is only 1 item in there on library recommended tab

* Fixed some bugs around locking metadata fields where the correct param wasn't being sent to backend.

* Added some UI error messaging when the email doesn't match the confirm-email (or rather any email in the system).

* Fixed some pages where actions weren't working (library detail) and removed some actionable buttons where they didn't make sense

* Refactored the series detail to use Robbie's new grid system.

* some styling fixes

* Styling fixes

- Removing select border gap
- fixing switches on lite theme
- fixing search result text-light

* better css var naming

* changing search lite text color override

* fixing as per feedback

* Removing boolean from being visible in bookreader

* Fixed some bugs in bulk operations not being visible on light/eink screens. Added --bulk-selection-highlight-text-color and --bulk-selection-text-color.

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

UI/Web/src/app/library-detail/library-detail.component.ts

@@ -146,8 +146,10 @@ export class LibraryDetailComponent implements OnInit, OnDestroy {
     if (library === undefined) {
       lib = {id: this.libraryId, name: this.libraryName};
     }
+    console.log('lib: ', lib);
     switch (action) {
       case(Action.ScanLibrary):
+        console.log('action handler');
         this.actionService.scanLibrary(lib);
         break;
       case(Action.RefreshMetadata):
@@ -158,6 +160,12 @@ export class LibraryDetailComponent implements OnInit, OnDestroy {
     }
   }
 
+  performAction(action: ActionItem<any>) {
+    if (typeof action.callback === 'function') {
+      action.callback(action.action, undefined);
+    }
+  }
+
   updateFilter(data: FilterEvent) {
     this.filter = data.filter;