fix(editor): Hide pin data in production executions (#4595)

* ✨ Passing an execution mode to the preview iframe so UI can be adjusted based on it
* ✨ Handling production execution mode to hide the pin data in node details view

packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue

@@ -55,7 +55,7 @@
 				<n8n-icon-button :title="$locale.baseText('executionDetails.deleteExecution')" icon="trash" size="large" type="tertiary" @click="onDeleteExecution" />
 			</div>
 		</div>
-		<workflow-preview mode="execution" loaderType="spinner" :executionId="executionId"/>
+		<workflow-preview mode="execution" loaderType="spinner" :executionId="executionId" :executionMode="executionMode"/>
 	</div>
 </template>
 
@@ -90,6 +90,9 @@ export default mixins(restApi, showMessage, executionHelpers).extend({
 		sidebarCollapsed(): boolean {
 			return this.uiStore.sidebarMenuCollapsed;
 		},
+		executionMode(): string {
+			return this.activeExecution?.mode || '';
+		},
 	},
 	methods: {
 		async onDeleteExecution(): Promise<void> {