fix(editor): Skip unsaved-changes confirmation when closing new credential modal (#27975)

Author: aalises

packages/frontend/@n8n/design-system/src/css/dialog.scss

@@ -73,6 +73,7 @@
 		outline: none;
 		cursor: pointer;
 		font-size: var.$message-close-size;
+		z-index: 2;
 
 		.el-dialog__close {
 			color: var(--color--info);

packages/frontend/editor-ui/src/features/credentials/components/CredentialEdit/CredentialEdit.vue

@@ -495,7 +495,7 @@ onMounted(async () => {
 async function beforeClose() {
 	let keepEditing = false;
 
-	if (hasUnsavedChanges.value) {
+	if (hasUnsavedChanges.value && !isNewCredential.value) {
 		const displayName = credentialType.value ? credentialType.value.displayName : '';
 		const confirmAction = await message.confirm(
 			i18n.baseText('credentialEdit.credentialEdit.confirmMessage.beforeClose1.message', {