Replaces MessageDialog with KModal in EditModal

* feat: Replace MessageDialog with KModal in EditModal

Replace upload progress and save failed dialogs with KModal components.
Maintains existing functionality and adds unit tests.

Fixes #5422

* [pre-commit.ci lite] apply automatic fixes

* Migrate editModal.kmodal.spec.js to @testing-library/vue and fix linting issues

* fix: fixed KModal to use its own inbuilt buttons from docs

* fix: fixed the test to use actual kmodal for testing

* fix: Test actual EditModal component instead of mock components and rewrite the test

* [pre-commit.ci lite] apply automatic fixes

* chore: remove editModal.kmodal.spec.js from PR as per review feedback

---------

Co-authored-by: pre-commit-ci-lite[bot] <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>

Author: ANAS727189

contentcuration/contentcuration/frontend/channelEdit/components/edit/EditModal.vue

@@ -182,49 +182,28 @@
     </MessageDialog>
 
     <!-- Dialog for catching in-progress file uploads -->
-    <MessageDialog
-      v-model="promptUploading"
-      :header="$tr('uploadInProgressHeader')"
-      :text="$tr('uploadInProgressText')"
+    <KModal
+      v-if="promptUploading"
+      :title="$tr('uploadInProgressHeader')"
+      :cancelText="$tr('dismissDialogButton')"
+      :submitText="$tr('cancelUploadsButton')"
+      @cancel="promptUploading = false"
+      @submit="closeModal"
     >
-      <template #buttons="{ close }">
-        <VBtn
-          flat
-          @click="close"
-        >
-          {{ $tr('dismissDialogButton') }}
-        </VBtn>
-        <VBtn
-          data-test="canceluploads"
-          color="primary"
-          @click="closeModal"
-        >
-          {{ $tr('cancelUploadsButton') }}
-        </VBtn>
-      </template>
-    </MessageDialog>
+      <p>{{ $tr('uploadInProgressText') }}</p>
+    </KModal>
 
     <!-- Alert for failed save -->
-    <MessageDialog
-      v-model="promptFailed"
-      :header="$tr('saveFailedHeader')"
-      :text="$tr('saveFailedText')"
+    <KModal
+      v-if="promptFailed"
+      :title="$tr('saveFailedHeader')"
+      :cancelText="$tr('okButton')"
+      :submitText="$tr('closeWithoutSavingButton')"
+      @cancel="promptFailed = false"
+      @submit="closeModal"
     >
-      <template #buttons="{ close }">
-        <VBtn
-          flat
-          @click="close"
-        >
-          {{ $tr('okButton') }}
-        </VBtn>
-        <VBtn
-          color="primary"
-          @click="closeModal"
-        >
-          {{ $tr('closeWithoutSavingButton') }}
-        </VBtn>
-      </template>
-    </MessageDialog>
+      <p>{{ $tr('saveFailedText') }}</p>
+    </KModal>
   </div>
 
 </template>