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-recommended/library-recommended.component.html

@@ -38,10 +38,12 @@
 
 <ng-container *ngIf="genre$ | async as genre">
     <ng-container *ngIf="moreIn$ | async as moreIn">
-        <app-carousel-reel [items]="moreIn" title="More In {{genre.title}}">
-            <ng-template #carouselItem let-item let-position="idx">
-                <app-series-card [data]="item" [libraryId]="item.libraryId" [suppressLibraryLink]="libraryId !== 0" (reload)="reloadInProgress($event)" (dataChanged)="reloadInProgress($event)"></app-series-card>
-            </ng-template>
-        </app-carousel-reel>
+        <ng-container *ngIf="moreIn.length > 1">
+            <app-carousel-reel [items]="moreIn" title="More In {{genre.title}}">
+                <ng-template #carouselItem let-item let-position="idx">
+                    <app-series-card [data]="item" [libraryId]="item.libraryId" [suppressLibraryLink]="libraryId !== 0" (reload)="reloadInProgress($event)" (dataChanged)="reloadInProgress($event)"></app-series-card>
+                </ng-template>
+            </app-carousel-reel>
+        </ng-container>
     </ng-container>
 </ng-container>