Upgrade to Angular 16

update ngx-file-drop
Update ng-bootstrap, ng-select, cookie-service and ui-tour
Update setup-jest.ts
bump typescript to 5.1.6

bump ngx-color and tslib

src-ui/src/app/guards/dirty-doc.guard.ts

@@ -1,4 +1,3 @@
-import { CanDeactivate } from '@angular/router'
 import { Injectable } from '@angular/core'
 import { Observable } from 'rxjs'
 
@@ -7,7 +6,7 @@ export interface ComponentCanDeactivate {
 }
 
 @Injectable()
-export class DirtyDocGuard implements CanDeactivate<ComponentCanDeactivate> {
+export class DirtyDocGuard {
   canDeactivate(
     component: ComponentCanDeactivate
   ): boolean | Observable<boolean> {

src-ui/src/app/guards/dirty-saved-view.guard.ts

@@ -1,4 +1,3 @@
-import { CanDeactivate } from '@angular/router'
 import { Injectable } from '@angular/core'
 import { first, Observable, Subject } from 'rxjs'
 import { DocumentListComponent } from '../components/document-list/document-list.component'
@@ -8,9 +7,7 @@ import { SettingsService } from '../services/settings.service'
 import { SETTINGS_KEYS } from '../data/paperless-uisettings'
 
 @Injectable()
-export class DirtySavedViewGuard
-  implements CanDeactivate<DocumentListComponent>
-{
+export class DirtySavedViewGuard {
   constructor(
     private modalService: NgbModal,
     private settings: SettingsService

src-ui/src/app/guards/permissions.guard.ts

@@ -1,5 +1,4 @@
 import {
-  CanActivate,
   ActivatedRouteSnapshot,
   RouterStateSnapshot,
   UrlTree,
@@ -11,7 +10,7 @@ import { ToastService } from '../services/toast.service'
 import { TourService } from 'ngx-ui-tour-ng-bootstrap'
 
 @Injectable()
-export class PermissionsGuard implements CanActivate {
+export class PermissionsGuard {
   constructor(
     private permissionsService: PermissionsService,
     private router: Router,