remove custom dialog

src/modules/ui/confirmation-dialog/ConfirmationDialog.vue

@@ -1,5 +1,5 @@
 <template>
-	<!-- ToDO: Styling Dialog -->
+	<!-- ToDo: Styling -->
 	<VDialog
 		v-model="isDialogOpen"
 		data-testid="delete-dialog-item"
@@ -8,51 +8,35 @@
 		<UseFocusTrap>
 			<VCard>
 				<template #title>
-					<h2 class="text-h4 my-2 dialog-title">
+					<h2 class="text-h4 dialog-title">
 						{{ message }}
 					</h2>
 				</template>
 
 				<template #actions>
-					<v-spacer />
-					<!-- <div class="action-buttons px-6"> -->
-					<v-btn
+					<VSpacer />
+					<!-- <div class="action-buttons"> -->
+					<VBtn
 						data-testid="dialog-cancel"
 						variant="text"
 						:text="t('common.actions.cancel')"
-						@click="onCloseDialog"
+						@click="cancel"
 					/>
-					<v-btn
+					<VBtn
 						data-testid="dialog-confirm"
-						class="px-6"
 						color="primary"
 						variant="flat"
 						:text="t(confirmBtnLangKey)"
-						@click="onConfirmation"
+						@click="confirm"
 					/>
 					<!-- </div> -->
 				</template>
 			</VCard>
 		</UseFocusTrap>
 	</VDialog>
-	<!-- <vCustomDialog
-		data-testid="delete-dialog-item"
-		has-buttons
-		:confirm-btn-title-key="confirmBtnLangKey"
-		@dialog-confirmed="onConfirmation"
-		:is-open="isDialogOpen"
-		@dialog-closed="onCloseDialog"
-	>
-		<template #title>
-			<h2 class="text-h4 my-2 text-break-word">
-				{{ message }}
-			</h2>
-		</template>
-	</vCustomDialog> -->
 </template>
 
 <script setup lang="ts">
-import vCustomDialog from "@/components/organisms/vCustomDialog.vue";
 import { computed } from "vue";
 import { useInternalConfirmationDialog } from "./Confirmation.composable";
 import { useI18n } from "vue-i18n";
@@ -62,11 +46,6 @@ const { t } = useI18n();
 const { confirm, cancel, dialogOptions, isDialogOpen } =
 	useInternalConfirmationDialog();
 
-const onConfirmation = () => confirm();
-const onCloseDialog = () => {
-	cancel();
-};
-
 const message = computed(() =>
 	dialogOptions.value ? dialogOptions.value.message : ""
 );