Tidying up (#1944)

* Fixing nav logo

* Adding emulate book for single renderer

* enabling control

* forcing hardware acceleration on infinite scroller

* Fixing review comments

- Refactoring bookshadow to use shared css
- Adding issue comment for hardware acceleration hack

* Fixing bookshadow happening on first and last page

UI/Web/src/app/nav/_components/nav-header/nav-header.component.html

@@ -3,7 +3,7 @@
       <a class="visually-hidden-focusable focus-visible" href="javascript:void(0);" (click)="moveFocus()">Skip to main content</a>
       <a class="side-nav-toggle" *ngIf="navService?.sideNavVisibility$ | async" (click)="hideSideNav()"><i class="fas fa-bars"></i></a>
       <a class="navbar-brand dark-exempt" routerLink="/libraries" routerLinkActive="active">
-        <img width="28px" height="28px" class="logo" src="../../assets/images/logo.png" alt="kavita icon" aria-hidden="true"/>
+        <img width="28px" height="28px" class="logo" src="assets/images/logo.png" alt="kavita icon" aria-hidden="true"/>
         <span class="d-none d-md-inline logo"> Kavita</span>
       </a>
       <ul class="navbar-nav col me-auto">