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/sidenav/_components/side-nav-item/side-nav-item.component.ts

@@ -1,7 +1,8 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { NavigationEnd, Router } from '@angular/router';
 import { filter, map, Subject, takeUntil } from 'rxjs';
-import { NavService } from '../../_services/nav.service';
+import { NavService } from 'src/app/_services/nav.service';
+
 
 @Component({
   selector: 'app-side-nav-item',

UI/Web/src/app/sidenav/_components/side-nav/side-nav.component.ts

@@ -5,14 +5,14 @@ import { Subject } from 'rxjs';
 import { filter, map, shareReplay, take, takeUntil } from 'rxjs/operators';
 import { ImageService } from 'src/app/_services/image.service';
 import { EVENTS, MessageHubService } from 'src/app/_services/message-hub.service';
-import { Breakpoint, UtilityService } from '../../shared/_services/utility.service';
-import { Library, LibraryType } from '../../_models/library';
-import { AccountService } from '../../_services/account.service';
-import { Action, ActionFactoryService, ActionItem } from '../../_services/action-factory.service';
-import { ActionService } from '../../_services/action.service';
-import { LibraryService } from '../../_services/library.service';
-import { NavService } from '../../_services/nav.service';
-import { LibrarySettingsModalComponent } from '../_components/library-settings-modal/library-settings-modal.component';
+import { Breakpoint, UtilityService } from '../../../shared/_services/utility.service';
+import { Library, LibraryType } from '../../../_models/library';
+import { AccountService } from '../../../_services/account.service';
+import { Action, ActionFactoryService, ActionItem } from '../../../_services/action-factory.service';
+import { ActionService } from '../../../_services/action.service';
+import { LibraryService } from '../../../_services/library.service';
+import { NavService } from '../../../_services/nav.service';
+import { LibrarySettingsModalComponent } from '../../_modals/library-settings-modal/library-settings-modal.component';
 
 @Component({
   selector: 'app-side-nav',

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

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SideNavCompanionBarComponent } from './side-nav-companion-bar/side-nav-companion-bar.component';
-import { SideNavItemComponent } from './side-nav-item/side-nav-item.component';
-import { SideNavComponent } from './side-nav/side-nav.component';
+import { SideNavComponent } from './_components/side-nav/side-nav.component';
 import { PipeModule } from '../pipe/pipe.module';
 import { CardsModule } from '../cards/cards.module';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { RouterModule } from '@angular/router';
-import { LibrarySettingsModalComponent } from './_components/library-settings-modal/library-settings-modal.component';
+import { LibrarySettingsModalComponent } from './_modals/library-settings-modal/library-settings-modal.component';
+import { SideNavCompanionBarComponent } from './_components/side-nav-companion-bar/side-nav-companion-bar.component';
+import { SideNavItemComponent } from './_components/side-nav-item/side-nav-item.component';