Move recipe edit components to proper location.

src/app/shared/components/recipe-edit-form/image-select/edit-image-dialog/edit-image-dialog.spec.ts

@@ -3,8 +3,8 @@ import { By } from '@angular/platform-browser';
 import { EditImageDialog } from './edit-image-dialog';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Mocked } from 'vitest';
-import { ImageService } from '../../../../../../shared/services/ImageService';
-import { ImageView } from '../../../../../../shared/models/ImageView.model';
+import { ImageService } from '../../../../services/ImageService';
+import { ImageView } from '../../../../models/ImageView.model';
 import { of } from 'rxjs';
 
 describe('EditImageDialog', () => {

src/app/shared/components/recipe-edit-form/image-select/edit-image-dialog/edit-image-dialog.ts

@@ -1,13 +1,13 @@
 import { Component, inject, OnInit, signal } from '@angular/core';
-import { DialogContainer } from '../../../../../../shared/components/dialog-container/dialog-container';
+import { DialogContainer } from '../../../dialog-container/dialog-container';
 import { MatFormField, MatInput, MatLabel } from '@angular/material/input';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { ImageView } from '../../../../../../shared/models/ImageView.model';
+import { ImageView } from '../../../../models/ImageView.model';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MatButton } from '@angular/material/button';
-import { ImageService } from '../../../../../../shared/services/ImageService';
-import { notNullOrUndefined } from '../../../../../../shared/util';
-import { Spinner } from '../../../../../../shared/components/spinner/spinner';
+import { ImageService } from '../../../../services/ImageService';
+import { notNullOrUndefined } from '../../../../util';
+import { Spinner } from '../../../spinner/spinner';
 
 @Component({
     selector: 'app-edit-image-dialog',

src/app/shared/components/recipe-edit-form/image-select/image-select.spec.ts

@@ -1,10 +1,10 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ImageSelect } from './image-select';
 import { Mocked } from 'vitest';
-import { ImageService } from '../../../../../shared/services/ImageService';
+import { ImageService } from '../../../services/ImageService';
 import { of } from 'rxjs';
-import { SliceView, SliceViewMeta } from '../../../../../shared/models/SliceView.model';
-import { ImageViewWithBlobUrl } from '../../../../../shared/client-models/ImageViewWithBlobUrl';
+import { SliceView, SliceViewMeta } from '../../../models/SliceView.model';
+import { ImageViewWithBlobUrl } from '../../../client-models/ImageViewWithBlobUrl';
 
 describe('ImageSelect', () => {
     let component: ImageSelect;

src/app/shared/components/recipe-edit-form/image-select/image-select.ts

@@ -1,8 +1,8 @@
 import { Component, inject, input, OnInit, output, signal } from '@angular/core';
 import { MatPaginator, PageEvent } from '@angular/material/paginator';
-import { ImageService } from '../../../../../shared/services/ImageService';
-import { Spinner } from '../../../../../shared/components/spinner/spinner';
-import { ImageView } from '../../../../../shared/models/ImageView.model';
+import { ImageService } from '../../../services/ImageService';
+import { Spinner } from '../../spinner/spinner';
+import { ImageView } from '../../../models/ImageView.model';
 import { MatCard, MatCardActions, MatCardContent, MatCardImage } from '@angular/material/card';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
@@ -11,8 +11,8 @@ import { faEllipsis } from '@fortawesome/free-solid-svg-icons';
 import { MatButton } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
 import { EditImageDialog } from './edit-image-dialog/edit-image-dialog';
-import { SliceView } from '../../../../../shared/models/SliceView.model';
-import { ImageViewWithBlobUrl } from '../../../../../shared/client-models/ImageViewWithBlobUrl';
+import { SliceView } from '../../../models/SliceView.model';
+import { ImageViewWithBlobUrl } from '../../../client-models/ImageViewWithBlobUrl';
 
 @Component({
     selector: 'app-image-select',

src/app/shared/components/recipe-edit-form/image-upload-dialog/image-upload-dialog.ts

@@ -1,16 +1,16 @@
 import { Component, computed, inject, signal } from '@angular/core';
-import { ImageService } from '../../../../../shared/services/ImageService';
-import { FileUpload } from '../../../../../shared/components/file-upload/file-upload';
+import { ImageService } from '../../../services/ImageService';
+import { FileUpload } from '../../file-upload/file-upload';
 import { MatButton } from '@angular/material/button';
 import { faFileImage } from '@fortawesome/free-solid-svg-icons';
-import { FileUploadEvent } from '../../../../../shared/components/file-upload/FileUploadEvent';
-import { Spinner } from '../../../../../shared/components/spinner/spinner';
+import { FileUploadEvent } from '../../file-upload/FileUploadEvent';
+import { Spinner } from '../../spinner/spinner';
 import { MatError, MatFormField, MatInput, MatLabel } from '@angular/material/input';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { MatDialogRef } from '@angular/material/dialog';
-import { ImageDoesNotExistValidator } from '../../../../../shared/validators/image-does-not-exist-validator';
-import { DialogContainer } from '../../../../../shared/components/dialog-container/dialog-container';
+import { ImageDoesNotExistValidator } from '../../../validators/image-does-not-exist-validator';
+import { DialogContainer } from '../../dialog-container/dialog-container';
 
 @Component({
     selector: 'app-image-upload-dialog',

src/app/shared/components/recipe-edit-form/ingredient-dialog/ingredient-dialog.ts

@@ -1,10 +1,10 @@
 import { Component, inject, OnInit } from '@angular/core';
-import { DialogContainer } from '../../../../../shared/components/dialog-container/dialog-container';
+import { DialogContainer } from '../../dialog-container/dialog-container';
 import { MatFormField, MatInput, MatLabel } from '@angular/material/input';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButton } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { IngredientDraftClientModel } from '../../../../../shared/client-models/IngredientDraftClientModel';
+import { IngredientDraftClientModel } from '../../../client-models/IngredientDraftClientModel';
 
 @Component({
     selector: 'app-ingredient-dialog',