Applied new _components layout structure to Kavita. All except manga as there is an open PR that drastically changes that module. (#1666)

UI/Web/src/app/nav/_components/grouped-typeahead/grouped-typeahead.component.ts

@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, El
 import { FormControl, FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
-import { KEY_CODES } from '../../shared/_services/utility.service';
-import { SearchResultGroup } from '../../_models/search/search-result-group';
+import { KEY_CODES } from 'src/app/shared/_services/utility.service';
+import { SearchResultGroup } from 'src/app/_models/search/search-result-group';
 
 @Component({
   selector: 'app-grouped-typeahead',

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

@@ -3,21 +3,20 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Inje
 import { NavigationEnd, Router } from '@angular/router';
 import { fromEvent, Subject } from 'rxjs';
 import { debounceTime, distinctUntilChanged, filter, takeUntil, tap } from 'rxjs/operators';
+import { FilterQueryParam } from 'src/app/shared/_services/filter-utilities.service';
 import { Chapter } from 'src/app/_models/chapter';
+import { CollectionTag } from 'src/app/_models/collection-tag';
+import { Library } from 'src/app/_models/library';
 import { MangaFile } from 'src/app/_models/manga-file';
+import { PersonRole } from 'src/app/_models/metadata/person';
+import { ReadingList } from 'src/app/_models/reading-list';
+import { SearchResult } from 'src/app/_models/search/search-result';
+import { SearchResultGroup } from 'src/app/_models/search/search-result-group';
+import { AccountService } from 'src/app/_services/account.service';
+import { ImageService } from 'src/app/_services/image.service';
+import { NavService } from 'src/app/_services/nav.service';
 import { ScrollService } from 'src/app/_services/scroll.service';
 import { SearchService } from 'src/app/_services/search.service';
-import { FilterQueryParam } from '../../shared/_services/filter-utilities.service';
-import { CollectionTag } from '../../_models/collection-tag';
-import { Library } from '../../_models/library';
-import { PersonRole } from '../../_models/person';
-import { ReadingList } from '../../_models/reading-list';
-import { SearchResult } from '../../_models/search-result';
-import { SearchResultGroup } from '../../_models/search/search-result-group';
-import { AccountService } from '../../_services/account.service';
-import { ImageService } from '../../_services/image.service';
-import { LibraryService } from '../../_services/library.service';
-import { NavService } from '../../_services/nav.service';
 
 @Component({
   selector: 'app-nav-header',

UI/Web/src/app/nav/nav.module.ts

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { EventsWidgetComponent } from './events-widget/events-widget.component';
-import { GroupedTypeaheadComponent } from './grouped-typeahead/grouped-typeahead.component';
-import { NavHeaderComponent } from './nav-header/nav-header.component';
+import { EventsWidgetComponent } from './_components/events-widget/events-widget.component';
 import { NgbDropdownModule, NgbPopoverModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
 import { SharedModule } from '../shared/shared.module';
 import { PipeModule } from '../pipe/pipe.module';
 import { TypeaheadModule } from '../typeahead/typeahead.module';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
+import { GroupedTypeaheadComponent } from './_components/grouped-typeahead/grouped-typeahead.component';
+import { NavHeaderComponent } from './_components/nav-header/nav-header.component';