UX Pass 5 (#3128)

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

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

@@ -5,10 +5,9 @@
         <a class="visually-hidden-focusable focus-visible" href="javascript:void(0);" (click)="moveFocus()">{{t('skip-alt')}}</a>
 
         @if (navService.sideNavVisibility$ | async) {
-          <a class="side-nav-toggle" (click)="hideSideNav()"><i class="fas fa-bars"></i></a>
+          <a class="side-nav-toggle" (click)="toggleSideNav($event)"><i class="fas fa-bars" aria-hidden="true"></i></a>
         }
 
-
         <a class="navbar-brand dark-exempt" routerLink="/home" routerLinkActive="active">
           <app-image width="28px" height="28px" imageUrl="assets/images/logo-32.png" classes="logo" />
           <span class="d-none d-md-inline logo"> Kavita</span>