Add support to paste a file into drop area of import activities dialog

apps/client/src/app/directives/file-drop/file-drop.directive.ts

@@ -2,6 +2,7 @@ import { Directive, output } from '@angular/core';
 
 @Directive({
   host: {
+    '(document:paste)': 'onPaste($event)',
     '(dragenter)': 'onDragEnter($event)',
     '(dragover)': 'onDragOver($event)',
     '(drop)': 'onDrop($event)'
@@ -31,4 +32,13 @@ export class GfFileDropDirective {
       this.filesDropped.emit(event.dataTransfer.files);
     }
   }
+
+  public onPaste(event: ClipboardEvent) {
+    const files = event.clipboardData?.files;
+
+    if (files?.length) {
+      event.preventDefault();
+      this.filesDropped.emit(files);
+    }
+  }
 }

apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.component.ts

@@ -259,7 +259,7 @@ export class GfImportActivitiesDialogComponent {
     files: FileList;
     stepper: MatStepper;
   }) {
-    if (files.length === 0) {
+    if (files.length === 0 || this.importStep !== ImportStep.UPLOAD_FILE) {
       return;
     }