refactor: Migrate Vue slots to the new syntax (#4603)

Co-authored-by: Alex Grozav <alex@grozav.com>

packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue

@@ -27,7 +27,7 @@
 			{{ $locale.baseText('executionDetails.of') }}
 			<span class="primary-color clickable" :title="$locale.baseText('executionDetails.openWorkflow')">
 				<ShortenName :name="workflowName">
-					<template v-slot="{ shortenedName }">
+					<template #default="{ shortenedName }">
 						<span @click="openWorkflow(workflowExecution.workflowId)">
 							"{{ shortenedName }}"
 						</span>

packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue

@@ -1,8 +1,10 @@
 <template>
 	<n8n-tooltip class="primary-color" placement="bottom-end" >
-		<div slot="content">
-			<span v-html="$locale.baseText('executionDetails.readOnly.youreViewingTheLogOf')"></span>
-		</div>
+		<template #content>
+			<div>
+				<span v-html="$locale.baseText('executionDetails.readOnly.youreViewingTheLogOf')"></span>
+			</div>
+		</template>
 		<div>
 			<font-awesome-icon icon="exclamation-triangle" />
 			<span v-text="$locale.baseText('executionDetails.readOnly.readOnly')"></span>

packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue

@@ -1,13 +1,13 @@
 <template>
 	<div class="container" v-if="workflowName">
 		<BreakpointsObserver :valueXS="15" :valueSM="25" :valueMD="50" class="name-container">
-			<template v-slot="{ value }">
+			<template #default="{ value }">
 				<ShortenName
 					:name="workflowName"
 					:limit="value"
 					:custom="true"
 				>
-					<template v-slot="{ shortenedName }">
+					<template #default="{ shortenedName }">
 						<InlineTextEdit
 							:value="workflowName"
 							:previewValue="shortenedName"