Misc Cleanup (#1242)

* Updated the wording for Read in incognito, as 'in' was redundant

* Added icons to the middle tabs for a mobile compaitible view

* Fixed up the code for side nav to make the display much cleaner

* Added icons to tabs

* Styling polishing

- Making pagination spacing uniform
- Fixing onresize event
- Making cards center justification on mobile only
- fixing vertical alignment for companion bar icons
- Fixing Issue where drawer buttons would sometimes not be visible.
- Fixed vertical alignment issue with filter button

* Fixing orientation change event

* added fixed position to drawer

- fixes styling issues

* added total pages to series modal

* Downgraded ExCSS package to a version that doesn't die on @page query selectors.

* Cleaned up some code and wrote some bug markers in typeahead

* Removed some padding top on companion bar

* Aligned the top margin for card detail layout and series detail

* Use a temp close button on book reader until new code is ready.

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

UI/Web/src/app/sidenav/side-nav-companion-bar/side-nav-companion-bar.component.html

@@ -1,21 +1,16 @@
-<div class="mt-0">
-    <div class="row g-0">
-        <div class="col mr-auto">
-            <ng-content select="[title]"></ng-content>
-            <ng-content select="[subtitle]"></ng-content>
-        </div>
-        <div class="col mr-auto d-none d-sm-flex hide-if-empty">
-            <ng-content select="[main]"></ng-content>
-        </div>
-        <div class="col" *ngIf="hasFilter">
-            <div class="row justify-content-end">
-                <div class="col-auto align-self-end">
-                    <button *ngIf="hasFilter" class="btn btn-{{filterActive ? 'primary' : 'secondary'}} btn-small" (click)="toggleFilter()" [attr.aria-expanded]="filterOpen" placement="left" ngbTooltip="{{filterOpen ? 'Open' : 'Close'}} Filtering and Sorting" attr.aria-label="{{filterOpen ? 'Open' : 'Close'}} Filtering and Sorting">
-                        <i class="fa fa-filter" aria-hidden="true"></i>
-                        <span class="visually-hidden">Sort / Filter</span>
-                    </button>
-                </div>
-            </div>
-        </div>
+<div class="mt-0 d-flex justify-content-between align-items-center">
+    <div>
+        <ng-content select="[title]"></ng-content>
+        <ng-content select="[subtitle]"></ng-content>
     </div>
+    <div>
+        <ng-content select="[main]"></ng-content>
+    </div>
+    <div>
+        <button *ngIf="hasFilter" class="btn btn-{{filterActive ? 'primary' : 'secondary'}} btn-small" (click)="toggleFilter()" [attr.aria-expanded]="filterOpen" placement="left" ngbTooltip="{{filterOpen ? 'Open' : 'Close'}} Filtering and Sorting" attr.aria-label="{{filterOpen ? 'Open' : 'Close'}} Filtering and Sorting">
+            <i class="fa fa-filter" aria-hidden="true"></i>
+            <span class="visually-hidden">Sort / Filter</span>
+        </button>
+    </div>
+
 </div>